m-ssi-uploader.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <title></title>
  6. <meta charset="utf-8" />
  7. <link href="css/bootstrap.min.css" rel="stylesheet" />
  8. <link href="css/ssi-upload.css" rel="stylesheet" />
  9. <script src="js/releasejq.js"></script>
  10. <script src="js/m-ssi-upload.js"></script>
  11. <style type="text/css">
  12. body{margin:0px;padding:0px;}
  13. .ssi-buttonWrapper {
  14. margin-left:30px;
  15. }
  16. .ssi-previewBox{
  17. margin-left:15px;
  18. padding: 5px 10px;
  19. }
  20. .zzsc-container{
  21. margin: 0 auto;
  22. }
  23. .ssi-imgToUploadTable{
  24. font-size:12px;
  25. width: 92px;
  26. height: 85px;
  27. }
  28. .ssi-imgToUploadTable tr:first-child td:first-child {
  29. height:auto;
  30. }
  31. .ssi-imgToUpload{
  32. width:92px;
  33. height:83px;
  34. }
  35. .ssi-dropZonePreview{
  36. min-height: 195px;
  37. border: 1px dashed #ccc;
  38. }
  39. #ssi-DropZoneBack{
  40. color:#888;
  41. font-size:12px;
  42. padding:0px;
  43. padding-bottom: 5px;
  44. }
  45. .ssi-buttonWrapper{margin-left:0px;}
  46. .ssi-previewBox{margin-left:0px;width:98%;}
  47. .ssi-button{border:solid 1px #3090CD;}
  48. .ssi-button.success{background-color:#3090CD;}
  49. </style>
  50. <script type="text/javascript">
  51. var upCount = 0;
  52. var sup = null;
  53. var upArr = new Array();
  54. $(document).ready(function () {
  55. sup = $('#ssi-upload3');
  56. sup.ssi_uploader({
  57. url: 'uploadImg.aspx', maxNumberOfFiles: 6, maxFileSize: 2, allowed: ['jpg', 'bmp', 'gif', 'jpeg', 'png'],
  58. onEachUpload: function (fileInfo) {
  59. if (fileInfo == undefined || fileInfo == null) { alert("上传发生错误!"); }
  60. if(fileInfo.result.res=="1")
  61. {
  62. upArr.push(fileInfo.result.fn);
  63. }
  64. },
  65. onUpload: function (obj) {
  66. upCount = obj.successfulUpload;
  67. }
  68. });
  69. });
  70. function getUpImg() {
  71. if (upArr.length > 0) {
  72. return upArr;
  73. }
  74. return null;
  75. }
  76. </script>
  77. </head>
  78. <body>
  79. <div class="zzsc-container">
  80. <div class="container">
  81. <div class="row">
  82. <div class="col-md-12">
  83. <input type="file" multiple="multiple" id="ssi-upload3" />
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. </body>
  89. </html>