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 相关文章推荐
jQuery 遍历json数组的实现代码
Sep 22 Javascript
JavaScript回调(callback)函数概念自我理解及示例
Jul 04 Javascript
jQuery学习笔记之toArray()
Jun 09 Javascript
jQuery应用之jQuery链用法实例
Jan 19 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
Nov 04 Javascript
详解JavaScript基于面向对象之继承实例
Dec 16 Javascript
分享JavaScript监听全部Ajax请求事件的方法
Aug 28 Javascript
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
javascript实现电脑和手机版样式切换
Nov 10 Javascript
Vue中android4.4不兼容问题的解决方法
Sep 04 Javascript
IE9 elementUI文件上传的问题解决
Oct 17 Javascript
js简单实现自动生成表格功能示例
Jun 02 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
《Re:从零开始的异世界生活 冰结之绊》
2020/04/09 日漫
玛琪朵 Macchiato
2021/03/03 咖啡文化
php 向访客和爬虫显示不同的内容
2009/11/09 PHP
查找mysql字段中固定字符串并替换的几个方法
2012/09/23 PHP
php 生成自动创建文件夹并上传文件的示例代码
2014/03/07 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
php使用ereg验证文件上传的方法
2014/12/16 PHP
Laravel中使用自己编写类库的3种方法
2015/02/10 PHP
js中的hasOwnProperty和isPrototypeOf方法使用实例
2014/06/06 Javascript
jQuery自带的一些常用方法总结
2014/09/03 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
2015/08/26 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
原生javascript实现的ajax异步封装功能示例
2016/11/03 Javascript
基于jQuery实现咖啡订单管理简单应用
2017/02/10 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
整理一些最近经常遇到的前端面试题
2017/04/25 Javascript
详解Vue 动态组件与全局事件绑定总结
2018/11/11 Javascript
简单了解JavaScript中常见的反模式
2019/06/21 Javascript
Javascript组合继承方法代码实例解析
2020/04/02 Javascript
基于JQuery实现页面定时弹出广告
2020/05/08 jQuery
Vue组件生命周期运行原理解析
2020/11/25 Vue.js
[02:17]2016完美“圣”典风云人物:Sccc专访
2016/12/03 DOTA
[42:20]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python中遍历文件的3个方法
2014/09/02 Python
Python 中的lambda函数介绍
2018/10/10 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
python 基于TCP协议的套接字编程详解
2019/06/29 Python
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
HTML5 Canvas入门学习教程
2016/03/17 HTML / CSS
益达广告词
2014/03/14 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
反洗钱宣传活动总结
2014/08/26 职场文书
出纳试用期自我评价
2015/03/10 职场文书
学校开除通知书
2015/04/25 职场文书
详解Laravel制作API接口
2021/05/31 PHP
JS的深浅复制详细
2021/10/16 Javascript