使用jquery.upload.js实现异步上传示例代码
更新时间：2014年07月29日 17:34:05 投稿：whsnow
这篇文章主要介绍了使用jquery.upload.js实现异步上传的示例代码,需要的朋友可以参考下
相关资源下载：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;
}
您可能感兴趣的文章:
- Jquery插件之多图片异步上传
- jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
- jquery实现兼容IE8的异步上传文件
- jQuery实现jQuery-form.js实现异步上传文件
- jQuery插件ajaxFileUpload异步上传文件
- jquery之ajaxfileupload异步上传插件(附工程代码)
- jQuery异步上传文件插件ajaxFileUpload详细介绍
- asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
- jquery uploadify和apache Fileupload实现异步上传文件示例
- jQuery实现异步上传一个或多个文件
相关文章
本文给大家介绍的是一个非常常见的功能，在输入密码的时候提示密码的强度，本文使用jQuery来实现，有需要的小伙伴可以参考下。2015-07-07
在jquery中处理JSON数组的情况中遍历用到的比较多，但是用添加移除这些好像不是太多。2010-08-08
本篇文章主要是对jQuery 字体大小的设置方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了JQuery中的AJAX，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了jQuery插件简单实现方法,以一个简单的样式添加功能为例分析了jquery插件的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
下面小编就为大家带来一篇jquery实现ajax提交表单信息的简单方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章分享一下easyui常用的两种表单异步提交的方式,本文通过示例代码给大家分享两种方法,感兴趣的朋友一起看看吧2023-12-12
延迟执行在某些特殊的情况下还是蛮有用的，实现的方法也很简单，本文有个不错的示例，有需要的朋友可以参考下，希望对大家有所帮助2013-08-08
本篇文章主要是对jquery选择器之属性过滤选择器进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码，需要的朋友可以参考下。2011-07-07
最新评论