關於WebUploader多圖上傳的幾個注意點
阿新 • • 發佈:2019-01-28
1,不少人用webuploader多圖上傳時,點選”暫停上傳“,並沒有效果。暫停上傳按鈕不好使,那就往下看吧。
暫停上傳有兩個模式
- 當前的上傳繼續,下個檔案不開始上傳
- 當前上傳直接中斷。
一般來說用的是第二種,這種情況下,在呼叫stop的時候需要加個true
傳進去。
uploader.stop(true); //將其設定為true即可
2.關於設定上傳圖片或檔案大小,多張圖個數以及大小等;
disableGlobalDnd: true, fileNumLimit: 10, // 上傳檔案的總數量限制 10 fileSizeLimit: 20 * 1024 * 1024, // 上傳檔案的總大小限制 20m fileSingleSizeLimit: 2 * 1024 * 1024 //上傳檔案的單個檔案大小限制 2m
圖片格式限制
accept: {
title: 'Images',
extensions: 'gif,jpg,jpeg,bmp,png',
mimeTypes: 'image/*'
},
錯誤返回結果;此處提示採用的是 layer外掛提示層
uploader.onError = function( code ) { if(code=="Q_EXCEED_NUM_LIMIT"){ layer.msg('超出最大張數!最多可上傳10張',{icon: 2, shade:0, time: 2000}, function(){}); }else if(code=="F_DUPLICATE"){ layer.msg('檔案重複!',{icon: 2, shade:0, time: 2000}, function(){}); }else if(code=="Q_TYPE_DENIED"){ layer.msg('不允許上傳的型別!',{icon: 2, shade:0, time: 2000}, function(){}); }else if(code=="F_EXCEED_SIZE"){ layer.msg('單張圖片過大,大小不能超過2M!',{icon: 2, shade:0, time: 2000}, function(){}); }else{ layer.msg('Eroor: ' + code,{icon: 2, shade:0, time: 2000}, function(){}); } };