使用jquery.upload.js实现异步上传示例代码
发布时间:2020-12-14 22:28:38 所属栏目:资源 来源:网络整理
导读:相关资源下载:upload 1:jsp代码: 导入jquery.upload.js和jquery-1.7.2.js 添加调用js的代码:a href="javascript:void(0)" rel="external nofollow" onclick="doUpload()"上传/a 在底部写: iframe style="position:absolute;top:-9999px" src="%=basePath
相关资源下载:upload 1:jsp代码: 导入jquery.upload.js和jquery-1.7.2.js 添加调用js的代码:<a href="javascript:void(0)" rel="external nofollow" onclick="doUpload()">上传</a> 在底部写: <iframe style="position:absolute;top:-9999px" src="<%=basePath%>/resources/upload/upload.htm"/></iframe> 2:js代码: /*文件上传*/ function doUpload() { // 上传方法 $.upload({ // 上传地址 url:window.basePath+'/reply/imageUpload',// 文件域名字 fileName: 'uploadfile',// 其他表单数据 params: {},// 上传完成后,返回json,text dataType: 'json',// 上传之前回调,return true表示可继续上传 onSend: function() { return true; },onSubmit: function(){ },// 上传之后回调 onComplate: function(data) { if(data.msg){ }else{ alert("上传图片出错!"); } } }); } 3:后台代码: /** * 图片上传本地服务器 * @param request * @param response * @return */ @RequestMapping(value="imageUpload") @ResponseBody public Object imageUpload(HttpServletRequest request,HttpServletResponse response){ Map<String,Object> map=new HashMap<String,Object>(); UploadUtil uploadUtil = new UploadUtil(); try { String url = uploadUtil.excelUpload(request,response);// 文件上传 } catch (IOException e) { e.printStackTrace(); } return map; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |