关于WebUploader多图上传的几个注意点

向右看齐 2022-05-21 00:11 477阅读 0赞

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(){});
                }
            };