使用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;
}热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短