参考 https://www.cnblogs.com/houdj/p/7002650.html
<tr> <td> </td> <td> <input style="height:30px;" type="text" id="pictureName" value="" readonly> <a href="javascript:void(0);" class="btn" id="btn">上传文件</a> <input type="hidden" value="" name="" id="picture"> </td> </tr> <tr> <td> </td> <td> <input class="" style="height:30px;" type="text" id="pictureName1" value="" readonly> <a href="javascript:void(0);" class="btn easyui-linkbutton" id="btn1">上传文件1</a> <input type="hidden" value="" name="data" id="picture1"> </td> </tr> var ids = new Array("btn","btn1"); $.each(ids,function(i,n){ var self = this.toString(); //实例化一个plupload上传对象 var uploader = new plupload.Uploader({ browse_button : self, //触发文件选择对话框的按钮,为那个元素id url : '' ,//服务器端的上传页面地址 max_file_size: '3mb',//限制为2MB filters: [{title: "Image files",extensions: self.search('1')==-1 ? 'gif,png,jpg,jpeg':'jpg,pdf'}]//图片限制 }); //在实例对象上调用init()方法进行初始化 uploader.init(); //绑定各种事件,并在事件监听函数中做你想做的事 uploader.bind('FilesAdded',function(uploader,files){ //文件上传前 //这里我只处理一张图片 var flag = self.search('1');// -1 表示没找到 if (flag == -1 && imageFile != '') { uploader.removeFile(imageFile); //删除队列中的元素 } else if (scanFile != '') { uploader.removeFile(scanFile); } uploader.start(); }); uploader.bind('UploadProgress',function(uploader,files){ //上传中,显示进度条 }); uploader.bind('FileUploaded',function(up,file,info){////文件上传成功的时候触发 console.log(up); // console.log(uploader.total); imageFile = file; var data = JSON.parse(info.response); if(data.error==0){ uploader.removeFile(files); showMessage(data.msg); }else{ var flag = self.search('1');// -1 表示没找到 console.log(flag); if(flag==-1){ imageFile = file; $("#picture").val(data.pic); $("#pictureName").val(data.name); }else{ scanFile = file; $("#pictureName1").val(data.name); $("#picture1").val(data.pic); } } }); });