使用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 相关文章推荐
js全选实现和判断是否有复选框选中的方法
Feb 17 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
Mar 31 Javascript
JavaScript中模拟实现jsonp
Jun 19 Javascript
jQuery实现的Div窗口震动效果实例
Aug 07 Javascript
JS打字效果的动态菜单代码分享
Aug 21 Javascript
Bootstrap CSS组件之导航条(navbar)
Dec 17 Javascript
详解如何在vue项目中引入elementUI组件
Feb 11 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
Oct 12 Javascript
vue轻量级框架无法获取到vue对象解决方法
May 12 Javascript
Vue项目中使用WebUploader实现文件上传的方法
Jul 21 Javascript
浅析Vue下的components模板使用及应用
Nov 27 Javascript
通过javascript实现扫雷游戏代码实例
Feb 09 Javascript
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
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
2016/05/20 PHP
php版微信公众号接口实现发红包的方法
2016/10/14 PHP
PHP-CGI远程代码执行漏洞分析与防范
2017/05/07 PHP
获取Javscript执行函数名称的方法
2006/12/22 Javascript
javascript编写贪吃蛇游戏
2015/07/07 Javascript
基于JavaScript的操作系统你听说过吗?
2016/01/28 Javascript
jquery横向纵向鼠标滚轮全屏切换
2017/02/27 Javascript
jQuery动态产生select option下拉列表
2017/03/15 Javascript
用JS实现简单的登录验证功能
2017/07/28 Javascript
vue里面父组件修改子组件样式的方法
2018/02/03 Javascript
vue中axios请求的封装实例代码
2019/03/23 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
python 实现文件的递归拷贝实现代码
2012/08/02 Python
python中的turtle库函数简单使用教程
2018/07/23 Python
使用Pyinstaller转换.py文件为.exe可执行程序过程详解
2019/08/06 Python
pycharm显示远程图片的实现
2019/11/04 Python
Python Numpy库常见用法入门教程
2020/01/16 Python
在脚本中单独使用django的ORM模型详解
2020/04/01 Python
Python Selenium实现无可视化界面过程解析
2020/08/25 Python
基于Python的图像阈值化分割(迭代法)
2020/11/20 Python
Cult Gaia官网:美国生活方式品牌
2019/08/16 全球购物
The Outnet亚太地区:折扣设计师时装店
2019/12/05 全球购物
sort命令的作用和用法
2012/11/04 面试题
营销与策划专业毕业生求职信
2013/11/01 职场文书
社区敬老月活动实施方案
2014/02/17 职场文书
置业顾问岗位职责
2014/03/02 职场文书
有关爱国演讲稿
2014/05/07 职场文书
春节联欢会策划方案
2014/05/16 职场文书
励志演讲稿大全
2014/08/21 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
诉讼授权委托书
2014/10/15 职场文书
python urllib库的使用详解
2021/04/13 Python
浅谈Mysql多表连接查询的执行细节
2021/04/24 MySQL
Java网络编程之UDP实现原理解析
2021/09/04 Java/Android
pnpm对npm及yarn降维打击详解
2022/08/05 Javascript