實現多圖多文件上傳與拖拽上傳,拖拽排序功能。
該插件是自己在項目中使用的,由于自己項目組的習慣,所有參數都寫在標簽上的。
<script src="jquery.min.js"></script> <script src="jQuery.upload.mini.js"></script> <link rel="stylesheet" href="upload.css">
<div class="upload" id="case" data-num="10" data-type="zip,pdf,doc,docx"></div> <script type="text/javascript"> $(function(){ $("#case").upload( //該函數為點擊放大鏡的回調函數,如沒有該函數,則不顯示放大鏡 function(_this,data){ console.log(data) } ); }) </script>
標簽 | 默認值 | 說明 |
data-height | 0 | 圖片上傳壓縮最大高度,0則根據寬度等比例壓縮 |
data-width | 1920 | 圖片上傳壓縮最大寬度,0則根據高度等比例壓縮 |
data-type | png,jpg,jpeg,gif | 允許上傳文件的擴展名,多個擴展名用逗號分割,支持非圖片格式的文件上傳 |
data-file | file | 上傳提交服務器的表單名 |
data-name | uoload | 最終表單提交圖片路徑的表單名 |
action | /upload.php | 服務器接收上傳文件的地址,服務器需返回{"code":1,"msg":"/upload/1.jpg"}的JSON字符串,code為上傳狀態,1為成功,0為失敗,msg為成功的文件路徑或失敗原因提示! |
data-num | 10 | 最多可以上傳多少個文件,如為1,上傳插件為單個文件上傳樣式 |
data-size | 20480 | 文件上傳單個文件最大容量,圖片不傳不受該屬性限制 |
data-value | null | 已經上傳成功的文件名,多個文件用英文逗號分割 |