使用jquery.upload.js实现异步上传示例代码


Posted in Javascript onJuly 29, 2014

相关资源下载: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;
}
Javascript 相关文章推荐
JavaScript 学习笔记(十五)
Jan 28 Javascript
javascript删除数组元素并且数组长度减小的简单实例
Feb 14 Javascript
js获取判断上传文件后缀名的示例代码
Feb 19 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
Oct 14 Javascript
node.js中的fs.realpath方法使用说明
Dec 16 Javascript
简单封装js的dom查询实例代码
Jul 08 Javascript
AngularJS入门教程之ng-checked 指令详解
Aug 01 Javascript
layui中layer前端组件实现图片显示功能的方法分析
Oct 13 Javascript
Vuex 使用 v-model 配合 state的方法
Nov 13 Javascript
前端面试知识点目录一览
Apr 15 Javascript
vue中实现点击变成全屏的多种方法
Sep 27 Javascript
Vue+penlayers实现多边形绘制及展示
Dec 24 Vue.js
js动态添加onclick事件可传参数与不传参数
Jul 29 #Javascript
使用focus方法让光标默认停留在INPUT框
Jul 29 #Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
Jul 29 #Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
Jul 29 #Javascript
js返回前一页刷新本页重载页面
Jul 29 #Javascript
extjs 如何给column 加上提示
Jul 29 #Javascript
extjs 分页使用jsp传递数据示例
Jul 29 #Javascript
You might like
PHP中冒号、endif、endwhile、endfor使用介绍
2010/04/28 PHP
ThinkPHP3.1新特性之查询条件预处理简介
2014/06/19 PHP
php使用Cookie实现和用户会话的方法
2015/01/21 PHP
PHP永久登录、记住我功能实现方法和安全做法
2015/04/27 PHP
PHP 绘制网站登录首页图片验证码
2016/04/12 PHP
20个非常有用的PHP类库 加速php开发
2010/01/15 Javascript
轻量级 JS ToolTip提示效果
2010/07/20 Javascript
JavaScript 大数据相加的问题
2011/08/03 Javascript
JS 加入收藏夹的代码(主流浏览器通用)
2013/05/13 Javascript
Jquery响应回车键直接提交表单操作代码
2014/07/25 Javascript
JavaScript基础语法、dom操作树及document对象
2014/12/02 Javascript
使用javascript提交form表单方法汇总
2015/06/25 Javascript
javascript编写贪吃蛇游戏
2015/07/07 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
jQuery实现base64前台加密解密功能详解
2017/08/29 jQuery
浅谈react前后端同构渲染
2017/09/20 Javascript
Vue CLI3 如何支持less的方法示例
2018/08/29 Javascript
angular1.x ui-route传参的三种写法小结
2018/08/31 Javascript
微信小程序学习笔记之文件上传、下载操作图文详解
2019/03/29 Javascript
vue实现多条件和模糊搜索功能
2019/05/28 Javascript
JS表格的动态操作完整示例
2020/01/13 Javascript
JavaScript forEach中return失效问题解决方案
2020/06/01 Javascript
[02:44]重置世界,颠覆未来——DOTA2 7.23版本震撼上线
2019/12/01 DOTA
Python内置函数之filter map reduce介绍
2014/11/30 Python
Python实现自动登录百度空间的方法
2017/06/10 Python
解决pycharm 工具栏Tool中找不到Run manager.py Task的问题
2019/07/01 Python
利用python读取YUV文件 转RGB 8bit/10bit通用
2019/12/09 Python
python实现的分层随机抽样案例
2020/02/25 Python
小结Python的反射机制
2020/09/28 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
详解Sticky Footer 绝对底部的两种套路
2017/11/03 HTML / CSS
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
开展警示教育活动总结
2015/05/09 职场文书
企业安全生产规章制度
2015/08/06 职场文书
班主任经验交流心得体会
2015/11/02 职场文书
党员干部学习三严三实心得体会
2016/01/05 职场文书