java文件异步上传_maven工程 java 实现文件上传 SSM ajax异步请求上传

1

2

3 Stringpath=request.getContextPath();4 StringbasePath=request.getScheme()+"://"+request.getServerName()+path+"/";5 pageContext.setAttribute("basePath", basePath);6 %>

7

8

9

10

文件上传

11

12

13

14

15 *{padding:0;margin:0}

16 ul,li{list-style:none;}

17 a{color:#333;text-decoration:none;}

18 .hidden{display:hidden;}

19 input{border:0;outline:0;margin-bottom:10px;}

20 img{vertical-align:middle;}

21 .clear{clear:both;}

22 body{font-size:14px;font-family:"微软雅黑";background:#333}

23 .buttons{display:block;

24 width:80px;

25 height:26px;

26 color:black;

27 background:#ffffff;

28 font-size:14px;

29 font-family:"微软雅黑";

30 margin:0 auto;

31 cursor:pointer;

32 margin-bottom:10px;}

33

34 .container{width:1080px;margin:80px auto;}

35

36 .formbox{float:left;text-align:center;width:300px;}

37 .title{color:#fff;font-size:24px;margin-bottom:20px;}

38 .formbox .f_btn{width:100px;height:40px;background:#0c0;color:#fff;font-size:14px;font-family:"微软雅黑";cursor:pointer;font-weight:bold;}

39 .massage p{color:#fff;text-align:left;height:24px;}

40 .sinimg{width:300px;height:300px;line-height:300px;color:#fff;}

41

42 .formmutibox{float:left;width:342px;margin:0 24px 0;text-align:center;}

43 .formmutibox .title{color:#fff;font-size:24px;margin-bottom:20px;}

44 .formmutibox .f_btn{width:100px;height:40px;background:#0c0;color:#fff;font-size:14px;font-family:"微软雅黑";cursor:pointer;font-weight:bold;}

45 .files table td{color:#fff;width:135px;}

46

47 ::-webkit-scrollbar{width:10px;height:10px;}

48 ::-webkit-scrollbar-track{background:0 0;}

49 ::-webkit-scrollbar-track-piece{background:#fff;}

50 ::-webkit-scrollbar-thumb{background-color:#a2a2a2;border-radius:5px;}

51 ::-webkit-scrollbar-thumb:hover{background-color:#868686;}

52 ::-webkit-scrollbar-corner{background:#212121;}

53 ::-webkit-scrollbar-resizer{background:#FF0BEE;}

54 scrollbar{-moz-appearance:none !important;background:rgb(0,255,0) !important;}

55 scrollbarbutton{-moz-appearance:none !important;background-color:rgb(0,0,255) !important;}

56 scrollbarbutton:hover{-moz-appearance:none !important;background-color:rgb(255,0,0) !important;}

57 /*隐藏上下箭头*/

58 scrollbarbutton{display:none !important;}

59 /*纵向滚动条宽度*/

60 scrollbar[orient="vertical"]{min-width:12px !important;}

61

62

63

64

65

66

67 单个文件上传

68

69

70

文件名：

71

大小：

72

文件格式：

73

预览：

74

75 预览图76