使用Ajaxupload.js上传文件
来源:互联网 发布:腾讯云主机绑定域名 编辑:程序博客网 时间:2024/05/21 15:06
使用Ajaxupload.js上传文件
ajaxupload.js 是一款使用jquery上传文件的js插件,对于简单的文件上传,足够可以应付。
该插件主要有以下几个选项:
settings = {
action: ‘upload.php’, //要提交的地址
name: ‘userfile’,//参数名次
data: {},//和文件一起提交的其它参数
autoSubmit: true,//选中文件后是否就提交
responseType: false,//返回的相应格式,如果是text格式的,会在响应前后加上一个<pre></pre>标签
hoverClass: ‘hover’,
disabledClass: ‘disabled’,
onChange: function(file, extension){//在选中了文件的时候触发
},
onSubmit: function(file, extension){//在提交的时候触发
},
onComplete: function(file, response){//上传结束的时候触发
}
}
你可以使用非自动提交的方式上传文件。
代码示例如下:
var ajaxupload =new AjaxUpload($(“#uploadFile_button”),{
action: “upload.action”,
type:”POST”,
data:{},
autoSubmit:false,
responseType:”json”,
name:’file’,
onChange: function(file, ext){
if(ext && (/^(xls)$/.test(ext) )){
alert(“只支持xls格式的文件”);
}
},
onComplete: function(file, resp){
alert(“上传成功”);
}
});
以上代码绑定了id=uploadFile_button的html元素,只要点击它,就会弹出选择文件的对话框。
当选中了文件,你就可以手动触发它上传文件,当然你也可以在正式提交前设置一些参数。
ajaxupload.setData({id,”1″});
ajaxupload.submit();
注意:当在chrome浏览器下面,该插件存在一个bug 就是重复选择相同的文件,onChange方法不会触发多次,
ajaxupload.js只适合简单的文件上传的场景,并没有显示速度的功能,也无法显示进度。
虽然该插件已经很久不再更新,但是使用简单,也有一些人一直在用。
如果你需要更强大的上传功能,ajaxupload.js可能不太适合你。
下载附件:
ajaxupload.3.9.js
【转载:http://zhaoyanblog.com/?p=83】
- 使用Ajaxupload.js上传文件
- 使用Ajaxupload.js上传文件
- 使用Ajaxupload.js上传文件
- 使用Ajaxupload.js上传文件
- AjaxUpLoad.js使用实现文件上传
- AjaxUpLoad.js使用实现文件上传
- AjaxUpLoad.js文件上传插件的使用
- 关于ajaxupload.js实现文件上传内容
- AjaxUpload上传文件
- 使用ajaxupload.js插件上传图片不成功问题----RTFSC
- 文件上传二之ajaxupload
- AJAX上传图片,使用ajaxupload
- jquery插件ajaxupload实现文件上传操作
- 基于ajaxupload的多文件上传
- 基于jquery的上传文件插件ajaxUpload
- 如何使用ajaxUpload方式实现异步上传
- query AjaxUpload实现多文件上传功能代码实例教程
- Jquery AjaxUpload实现文件上传功能代码实例教程
- 《Linux内核修炼之道》精华分享与讨论(14)——内核中的链表
- 黑马程序员-- 七、java中的异常
- 迭代器操作特别需要注意(list iterator not incrementable)
- 基于html5 WebSocket和WebRTC实现IM和视音频呼叫(一)
- 年终总结有用吗?
- 使用Ajaxupload.js上传文件
- dos环境lsnrctl start 出现tns-12560和tns-00530协议适配器错误的解答
- 基于html5 WebSocket和WebRTC实现IM和视音频呼叫(二)
- Apache与JBoss AS 5 HTTP集群配置
- VC菜单分割符
- SpriteKit 实现 COC 游戏场景的平移和缩放
- RTP&RTCP
- 介绍一款使用html5画图的JS开源软件ichartjs
- 12.04 tips[网络收集,未完...]