jQuery 上传插件 jquery-upload

未知
JavaScript 查看源码»
跨平台
2015-08-06
mickelfeng

1、插件说明

在支持FormData的浏览器完全使用AJAX(即XMLHttpRequest)和input的files属性共同完成上传文件,否则就模拟表单提交来上传文件。支持写的文章和脚本现在看起来都比较稚嫩,现在重新整理、约束,更好的API和便捷使用方法。

插件名称:jquery-upload。

2、插件使用

// 1、判断浏览器支持特征 
// 是否支持HTML5的input的files对象,用于同时选择上传多张图片 $.support.inputFiles; 
// 是否支持HTML5的FormData,用于AJAX提交 $.support.formData; 
// 2、默认参数 $.fn.upload.defaults = { 
// 提交地址 action: "", 
// 传递额外数据(键值对字符串) data: null, 
// 表单文件的name值 inputName: "file", 
// 文件最小容量(单位B,默认0) minSize: 0, 
// 文件最大容量(单位B,默认1M=1024KB=1024*1024B) maxSize: 1048576, 
// 文件类型(文件后缀) fileType: ["png", "jpg", "jpeg", "gif"], 
// 错误消息提示 errorMsg: { 
// 单文件上传错误或失败 singleError: "第{n}个文件上传错误或失败", 
// 多文件上传错误或失败 multiError: "上传错误或失败", 
// 单文件未选择 singleNone: "尚未选择第{n}个上传文件", 
// 多文件未选择 multiNone: "尚未选择任何上传文件", 
// 多文件列表为空 empty: "待上传文件为空", 
// 单、多文件错误,{n}表示该文件的序号,开始序号为1 type: "第{n}个文件类型不符合要求", size: "第{n}个文件容量不符合要求" }, 
// 完成回调,无论成功还是失败 oncomplete: emptyFn, // 成功回调 onsuccess: emptyFn, 
// 失败回调 onerror: emptyFn, 
// 进度回调 onprogress: emptyFn }; 
// 3、上传文件 $("#file").upload({ action: "upload.php" }); 
// 4、增加文件MIME配对关系 
// 添加单个 $.fn.upload.addTypeRelationship("text/html", "html"); 
// 添加多个 $.fn.upload.addTypeRelationship({ "text/html": "html", "text/xhtml": "xhtml" });

3、插件演示及下载

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

HTML5 CSS3

JSON to XML and XML to JSON http://www.utilities-online.info/xmltojson/#.UnMN-9Lz2Qk only need to try below one http://hmkcode.com/java-servlet-jquery-file-upload/ http://blueim...

2013/10/21 12:40
74
0
20+ 个很棒的 jQuery 文件上传插件或教程

文件上传是网站很常见的功能之一,通过使用 jQuery 可以让上传过程更加人性化,更好的用户体验。本文介绍20个jQuery的文件上传插件,其中有一些是教程。 1. Plupload Plupload 是一个Web浏览...

2011/08/09 23:31
1K
0
很好的jquery文件上传插件

很好的jquery文件上传插件

2015/02/02 15:44
213
0
10个强大的Ajax jQuery文件上传程序

上传文件和图片是许多网站的一个常用功能,无论是让注册用户上传一个个人资料图片还是上传文件共享,都离不开上传程序,虽然有很多种实现方法,但要让上传看起来更酷一点,如显示剩余时间,同...

2010/11/08 08:44
6.6K
0
第86节:Java中的JQuery基础

第86节:Java中的JQuery 前言复习 定时器: setInterval clearInterval setTimeout clearTimeout 显示: img.style.display = "block" 隐藏: img.style.display = "none" 获取行 table.rows...

02/11 14:14
0
0
基于jQuery很牛X的批量上传插件

上传功能应该是每个网站必备的工具之一,因此出现了出现了很多各式各样的上传插件! 本文基于个人经验和使用从插件的:交互体验,易用性,文档,美观度出发,为大家推荐三款很NX的批量上传插件...

2013/11/16 07:28
15.8K
1
jQuery File Upload 的基本使用

jQuery File Upload 的基本使用

2015/01/04 14:32
10.4K
0
jquery上传组件

jquery file upload

2015/06/04 09:04
175
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部