實(shí)現(xiàn)多圖多文件上傳與拖拽上傳,拖拽排序功能。
該插件是自己在項(xiàng)目中使用的,由于自己項(xiàng)目組的習(xí)慣,所有參數(shù)都寫(xiě)在標(biāo)簽上的。
<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( //該函數(shù)為點(diǎn)擊放大鏡的回調(diào)函數(shù),如沒(méi)有該函數(shù),則不顯示放大鏡 function(_this,data){ console.log(data) } ); }) </script>
標(biāo)簽 | 默認(rèn)值 | 說(shuō)明 |
data-height | 0 | 圖片上傳壓縮最大高度,0則根據(jù)寬度等比例壓縮 |
data-width | 1920 | 圖片上傳壓縮最大寬度,0則根據(jù)高度等比例壓縮 |
data-type | png,jpg,jpeg,gif | 允許上傳文件的擴(kuò)展名,多個(gè)擴(kuò)展名用逗號(hào)分割,支持非圖片格式的文件上傳 |
data-file | file | 上傳提交服務(wù)器的表單名 |
data-name | uoload | 最終表單提交圖片路徑的表單名 |
action | /upload.php | 服務(wù)器接收上傳文件的地址,服務(wù)器需返回{"code":1,"msg":"/upload/1.jpg"}的JSON字符串,code為上傳狀態(tài),1為成功,0為失敗,msg為成功的文件路徑或失敗原因提示! |
data-num | 10 | 最多可以上傳多少個(gè)文件,如為1,上傳插件為單個(gè)文件上傳樣式 |
data-size | 20480 | 文件上傳單個(gè)文件最大容量,圖片不傳不受該屬性限制 |
data-value | null | 已經(jīng)上傳成功的文件名,多個(gè)文件用英文逗號(hào)分割 |