使用jquery.upload.js实现异步上传示例代码-华尔子博-奥夏网

1:jsp代码：

导入jquery.upload.js和jquery-1.7.2.js

添加调用js的代码：<a href=”javascript:void(0)” rel=”external nofollow” onclick=”doUpload()”>上传</a>

在底部写：

1	`<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;

}

本文刊载的所有内容，包括文字、图片、音频、视频、软件、程序、以及网页版式设计等部门来源于互联网，版权均归原作者所有！本网站提供的内容服务于个人学习、研究或欣赏，以及其他非商业性或非盈利性用途，但同时应遵守著作权法及其他相关法律的规定，不得侵犯本网站及相关权利人的合法权利。
联系信息：邮箱aoxolcom@163.com或见网站底部。

THE END