1. 程式人生 > >關於WebUploader多圖上傳的幾個注意點

關於WebUploader多圖上傳的幾個注意點

1,不少人用webuploader多圖上傳時,點選”暫停上傳“,並沒有效果。暫停上傳按鈕不好使,那就往下看吧。

暫停上傳有兩個模式

  1. 當前的上傳繼續,下個檔案不開始上傳
  2. 當前上傳直接中斷。

一般來說用的是第二種,這種情況下,在呼叫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(){});
            }
        };