引入插件：

<script src="../../static/js/plupload.full.min.js"></script>

?

/** 上傳文件配置* *///配置uploadervar uploader = new plupload.Uploader({runtimes: 'html5,flash,silverlight,html4',browse_button : 'uploader',url:'/delivery/batchSendByFile',flash_swf_url : '../Moxie.swf',silverlight_xap_url : '../Moxie.xap',multi_selection:false,filters: {mime_types : [ //只允許上傳xls和xlsx文件{ title : "xls files", extensions : "xls" },{ title : "xlsx files", extensions : "xlsx" }]},preinit: {UploadFile: function (up) {up.setOption('url', '/delivery/batchSendByFile');}}});uploader.bind('Error', function (uploader, errObject) {var message = '';//解除鎖定layer.closeAll('loading');if (errObject.code === -600) {message = '上傳的文件太大';} else if (errObject.code === -200) {message = '由于網絡原因,文件沒有上傳成功';} else if (errObject.code === -601) {message = '選擇的文件類型不是xls或xlsx類型';}layer.msg('上傳失敗,錯誤原因:' + message,{end:function(){layer.closeAll();}});});//選中文件觸發uploader.bind('FilesAdded', function(uploader,files) {var tipElement = $('#uploadBox').find('.J_side');controller.uploadFlag = true;for(var i = 0, len = files.length; i<len; i++){tipElement.text(files[i].name).css('color','#e62e3a');}});//文件上傳后觸發uploader.bind('FileUploaded',function(uploader,file,responseObject){var msg = JSON.parse(responseObject.response),num;//解除鎖定 layer.closeAll();/** @namespace msg.failureNum *//** @namespace msg.successNum */num = msg.successNum + msg.failureNum;/** @namespace data.activityerror*/if(msg.activityerror){layer.msg(msg.activityerror);}else if(msg.issuccess*1 === 3){layer.msg('全部上傳失敗!');}else /** @namespace msg.issuccess */if(msg.issuccess*1 === 2){layer.msg('上傳' + num + '條紀錄,成功' + msg.successNum + '條,失敗' + msg.failureNum + '條',{end:function(){window.location.reload();}});}else if (msg.issuccess*1 === 1){layer.msg('全部上傳成功',{end:function(){window.location.reload();}});}});

?

轉載于:https://www.cnblogs.com/donglf/p/6382425.html

總結

以上是生活随笔為你收集整理的上传文件插件（plupload）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。