使用jquery.upload.js实现异步上传示例代码
相关资源下载：upload
1:jsp代码：
导入jquery.upload.js和jquery-1.7.2.js
添加调用js的代码：<ahref="javascript:void(0)"rel="externalnofollow"onclick="doUpload()">上传</a>
在底部写：
<iframestyle="position:absolute;top:-9999px"src="<%=basePath%>/resources/upload/upload.htm"/></iframe>
2：js代码：
/*文件上传*/
functiondoUpload(){
//上传方法
$.upload({
//上传地址
url:window.basePath+'/reply/imageUpload',
//文件域名字
fileName:'uploadfile',
//其他表单数据
params:{},
//上传完成后,返回json,text
dataType:'json',
//上传之前回调,returntrue表示可继续上传
onSend:function(){
returntrue;
},
onSubmit:function(){
},
//上传之后回调
onComplate:function(data){
if(data.msg){
}else{
alert("上传图片出错！");
}
}
});
}
3：后台代码：
/**
*图片上传本地服务器
*@paramrequest
*@paramresponse
*@return
*/
@RequestMapping(value="imageUpload")
@ResponseBody
publicObjectimageUpload(HttpServletRequestrequest,HttpServletResponseresponse){
Map<String,Object>map=newHashMap<String,Object>();
UploadUtiluploadUtil=newUploadUtil();
try{
Stringurl=uploadUtil.excelUpload(request,response);//文件上传
}catch(IOExceptione){
e.printStackTrace();
}
returnmap;
}