webuploader解决不能重复上传问题及一些常见问题处理

uploader = WebUploader.create({ swf: 'resources/js/webuploader-0.1.5/Uploader.swf', // 文件接收服务端。
 server: settings.url, // 选择文件的按钮。可选。 // 内部根据当前运行是创建，可能是input元素，也可能是flash。
    pick : '#picker', // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
    resize : false });

　　以上代码是不支持重复上传：根据查看webuploader文档里面有个duplicate属性，是可选的，true为可重复，false为不可重复，默认为undifind，也是不可重复。所以只需在属性的后面追加  duplicate:true  就可以实现重复上传。

uploader = WebUploader.create({ swf: 'resources/js/webuploader-0.1.5/Uploader.swf', // 文件接收服务端。 
 server: settings.url, // 选择文件的按钮。可选。 // 内部根据当前运行是创建，可能是input元素，也可能是flash. 
    pick : '#picker', // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！ 
    resize : false, //可重复上传 duplicate :true }); 

 　　文件上传控件：webuploader + jQuery，开源而且好用。但是在使用过程中出现一些问题：

　　1、上传多张图片，图片的顺序会乱掉。解决方法：threads:1

　　2、文件没有按照原来比例上传，1M多的文件会被压缩，解决方法：compress: false

　　3、选择文件的时候浏览器反应迟钝，解决方法：

accept: { title: 'Images', extensions: "gif,jpg,jpeg,png", mimeTypes: ".gif,.jpg,.jpeg,.png" }

　　4、ie浏览器，上传文件失败，有可能是"swf"定义的文件路径不对。ie浏览器是用flash模式上传文件的。

var fileCount=0; var fileSize=0; var uploader; var errorarr=new Array(); function initFile(){ uploader = WebUploader.create({ auto: true, // swf文件路径
        swf : '/ueditor/third-party/webuploader/Uploader.swf', // 文件接收服务端。
        server : "upFiles.do", // 选择文件的按钮。可选。 // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick : '#filePicker', // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！ //resize : false,//这个不起作用，要用compress
        compress: false,//webuploader默认压缩图片,设置compress:false，可以按照原始比例上传图片
 accept: { title: 'Images', extensions: "gif,jpg,jpeg,png", mimeTypes: ".gif,.jpg,.jpeg,.png"//解决WebUploader在谷歌浏览器中反应缓慢迟钝,虽然解决了问题，但是火狐浏览器，选择文件的时候不做限制了
 }, fileVal:"upfile",//设置文件上传域的name。
        fileSizeLimit:500 * 1024 * 1024,//所有文件上传的大小限制,单位字节
        fileSingleSizeLimit:2 * 1024 * 1024,//单张图片上传限制大小，单位字节 
        fileNumLimit:20,//文件上传数量限制
        threads:1//上传并发数。允许同时最大上传进程数,为了保证文件上传顺序
 }); /*当文件被加入队列以后触发。 @param file File对象 @param ret 服务器返回的数据 */ uploader.on('uploadSuccess', function (file, ret) { var $file = $('#' + file.id); try { if (ret.state == 'SUCCESS') { var json={}; json.dataid=ret.picId; json.src=ret.url; json.width=ret.width; json.height=ret.height; if(!putPicMap(json)){//加入图片列表
                    return false; } }else { //console.log("faile","aa");
 } } catch (e) { //console.log("faile","bb");
 } }); /** *文件上传失败 *code=F_DUPLICATE 上传文件重复 **/ uploader.on('error', function (code, file) { var name=file.name; var str=""; switch(code){ case "F_DUPLICATE": str=name+"文件重复"; errorarr.push(str); break; case "Q_TYPE_DENIED": str=name+"文件类型 不允许"; errorarr.push(str); break; case "F_EXCEED_SIZE": var imageMaxSize = 9;//通过计算
            str=name+"文件大小超出限制"+imageMaxSize+"M"; errorarr.push(str); break; case "Q_EXCEED_SIZE_LIMIT": errorarr.push("超出空间文件大小"); break; case "Q_EXCEED_NUM_LIMIT": errorarr.push("抱歉，超过每次上传数量图片限制"); default: str=name+" Error:"+code; } }); uploader.on( 'all', function( type, arg1, arg2 ) { if(type=="startUpload"){//开始上传
 uploadchange(); }else if(type=="uploadFinished"){//上传结束
            if(errorarr.length>0){ alert(errorarr.join("\n")); } //清空错误信息
            errorarr.length=0; } }); } /** * 本地上传图片，改变上传的相册，文件上传的路径也会改变 */ function uploadchange(){ //这里可以限制文件上传个数,未做
    /* 添加额外的GET参数 */ uploader.option('server', "upFiles.do?aa=3"); }