引入插件:
<script src="../../static/js/plupload.full.min.js"></script>
/* * 上传文件配置 * */ //配置uploader var 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(); }}); } });