使用jquery.upload.js实现异步上传
来源:互联网 发布:排课系统算法 编辑:程序博客网 时间:2024/05/01 16:10
相关资源下载:http://download.csdn.net/detail/zjc324106/7457791
1:jsp代码:
导入jquery.upload.js和jquery-1.7.2.js
添加调用js的代码:<a href="javascript:void(0)" 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.upload.js实现异步上传
- jQuery file upload实现异步文件上传(带进度条)
- 使用jquery.form.js+servlet实现文件异步上传
- jQuery file upload实现异步文件上传(带进度条)转载
- jQuery实现jQuery-form.js实现异步上传文件
- 使用AjaxFileUpload.js实现文件异步上传
- 使用ajaxfileupload.js实现ajax异步上传
- 实现jQuery-form.js实现异步上传文件
- 使用jquery-form.js异步上传文件和提交表单
- 使用common upload实现文件上传
- Js上传图片 jquery:ajaxfileupload和angular:angular-file-upload
- Jquery实现异步上传图片
- Jquery实现异步上传图片
- jquery实现文件异步上传
- Jquery实现异步上传图片
- Jquery实现异步上传图片
- 使用jQuery.form插件实现表单异步提交+上传文件
- 使用jQuery.form插件实现表单异步提交+上传文件
- webpy+uploadify实现文件异步上传
- 归并排序
- QFE23xx揭秘:最强大的Qualcomm RF360前端芯片——更多频带,更多模式,更小的PCB尺寸
- spss Clementine12 破解方法
- POJ 2186 Popular Cows -- tarjan 缩点
- 使用jquery.upload.js实现异步上传
- api文件名
- crontab详解
- 0-1背包问题回溯法
- c++操作sqllite
- ActiveX控件注册问题
- 算法之dijkstra算法
- gdb
- 第二讲:使用HTML5绘制简单的图形