ajax 文件上传应用简单实现


Posted in Javascript onMarch 03, 2009

这个插件支持多个文件选取功能,很不错,而且代码简单

$("#fileUpload").fileUpload({ 
'uploader': 'style/uploader.swf', 
'cancelImg': 'style/img/cancel.png', 'folder': '/mbs/fileUpload', 
'script': '/mbs/FileUpload', 
'buttonText': 'Durchsuchen', 
'fileDesc': '*.jpg;*.gif;*.png', 
'fileExt': '*.jpg;*.gif;*.png', 
'scriptData': {'uploadAction': 'upload'}, 
'multi': true 
});

'multi': true : 就是启功多文件选择功能。
'script': '/mbs/FileUpload' :上传文件的后台处理
'scriptData': {'uploadAction': 'upload'} :post数据需要带的变量
具体属性说明可以查看官方文档
http://www.ronniesan.com/articles/jquery-multiple-file-upload.php
下面是我 实现该应用的的一些截图

ajax 文件上传应用简单实现

ajax 文件上传应用简单实现

 

ajax 文件上传应用简单实现

Javascript 相关文章推荐
js同时按下两个方向键
Dec 01 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
Mar 14 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
BootStrapTable 单选及取值的实现方法
Jan 10 Javascript
bootstrap实现动态进度条效果
Mar 08 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
Vue的土著指令和自定义指令实例详解
Feb 04 Javascript
webpack4之SplitChunksPlugin使用指南
Jun 12 Javascript
JS实现的tab页切换效果完整示例
Dec 18 Javascript
layui实现tab的添加拒绝重复的方法
Sep 04 Javascript
JS使用正则表达式判断输入框失去焦点事件
Oct 16 Javascript
JS通过识别id、value值对checkbox设置选中状态
Feb 19 Javascript
escape、encodeURI 和 encodeURIComponent 的区别
Mar 02 #Javascript
javascript 文档的编码问题解决
Mar 01 #Javascript
jQuery Div中加载其他页面的实现代码
Feb 27 #Javascript
jQuery 使用个人心得
Feb 26 #Javascript
javascript div 弹出可拖动窗口
Feb 26 #Javascript
javascript URL锚点取值方法
Feb 25 #Javascript
javascript 特殊字符串
Feb 25 #Javascript
You might like
php通过sort()函数给数组排序的方法
2015/03/18 PHP
smarty模板引擎之配置文件数据和保留数据
2015/03/30 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
php编译安装php-amq扩展简明教程
2016/06/25 PHP
PHP使用SWOOLE扩展实现定时同步 MySQL 数据
2017/04/09 PHP
jQuery AJAX回调函数this指向问题
2010/02/08 Javascript
jquery中event对象属性与方法小结
2013/12/18 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
2015/02/16 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
2015/09/19 Javascript
jQuery实现div拖拽效果实例分析
2016/02/20 Javascript
AngularJs基于角色的前端访问控制的实现
2016/11/07 Javascript
教你一步步用jQyery实现轮播器
2016/12/18 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
2018/09/29 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
echarts实现词云自定义形状的示例代码
2019/02/20 Javascript
Python实现简单状态框架的方法
2015/03/19 Python
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
python中验证码连通域分割的方法详解
2018/06/04 Python
python中sys.argv函数精简概括
2018/07/08 Python
python实现列表的排序方法分享
2019/07/01 Python
对DJango视图(views)和模版(templates)的使用详解
2019/07/17 Python
Python实现直方图均衡基本原理解析
2019/08/08 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
python Shapely使用指南详解
2020/02/18 Python
Python-openCV开运算实例
2020/07/05 Python
利用pipenv和pyenv管理多个相互独立的Python虚拟开发环境
2020/11/01 Python
工商管理应届生求职信
2013/10/07 职场文书
开业庆典答谢词
2014/01/18 职场文书
教师对照四风自我剖析材料
2014/09/30 职场文书
2019年描写人生经典诗句大全
2019/07/08 职场文书
导游词之崇武古城
2019/10/07 职场文书
关于Javascript闭包与应用的详解
2021/04/22 Javascript
Python爬虫基础之爬虫的分类知识总结
2021/05/13 Python
Vue.js中v-bind指令的用法介绍
2022/03/13 Vue.js
python中mongodb包操作数据库
2022/04/19 Python
Python加密与解密模块hashlib与hmac
2022/06/05 Python