jQuery-File-Upload 文件上传插件
来源:互联网 发布:2013cctv网络模特大赛 编辑:程序博客网 时间:2024/04/28 15:30
jQuery文件上传插件
演示
演示文件上传
引用
插件地址
描述
文件上传小部件与多个文件选择,拖放支持,进度条,验证和预览图像,音频和视频的jQuery。
支持跨域,分块和可恢复的文件上传和客户端图像调整大小。适用于任何支持标准HTML表单文件上传的服务器端平台(PHP,Python,Ruby on Rails,Java,Node.js,Go等)。
建立
- 如何在您的网站上设置插件
- 如何只使用基本插件(最低安装指南)。
特征
- 多文件上传:
允许一次选择多个文件,并同时上传。 - 拖放支持:
允许通过从桌面或文件管理器拖动文件并将其放在浏览器窗口上来上传文件。 - 上传进度条:
显示指示单个文件和所有上传的上传进度的进度条。 - 可取消上传:
可取消个别文件上传以停止上传进度。 - 可恢复上传:
已中止的上传可以使用支持Blob API的浏览器恢复。
分块上传:大型文件可以使用支持Blob API的浏览器以较小的大小上传。- 客户端图片调整大小:
可以在客户端使用支持所需JS API的浏览器自动调整图片大小。 - 预览图像,音频和视频:
在使用支持所需API的浏览器上传之前,可以显示图像,音频和视频文件的预览。 - 不需要浏览器插件(例如Adobe Flash):
该实现基于像HTML5和JavaScript这样的开放标准,不需要额外的浏览器插件。 - 旧版浏览器的正常后备:
如果支持,通过XMLHttpRequests上传文件,并且使用iframe作为旧版浏览器的后备。 - HTML文件上传表单fallback:
允许通过使用标准HTML文件上传表单作为widget元素进行逐步增强。 - 跨网站文件上传:
支持将文件上传到具有跨网站XMLHttpRequests或iframe重定向的其他网域。 - 多个插件实例:
允许在同一网页上使用多个插件实例。 - 可自定义和可扩展:
提供一个API,用于设置各个上传事件的单个选项和定义callback方法。 - 多部分和文件内容流上传:
文件可以作为标准的“多部分/表单数据”或文件内容流(HTTP PUT文件上传)上传。 - 与任何服务器端应用程序平台兼容:
适用于支持标准HTML表单文件上传的任何服务器端平台(PHP,Python,Ruby on Rails,Java,Node.js,Go等)。
要求
强制性要求
- jQuery v。1.6+
- jQuery UI小部件工厂 v。1.9+(包含):基本的文件上传插件所需,但非常轻量级,没有任何其他依赖从jQuery UI套件。
- jQuery Iframe传输插件(包括):需要为没有XHR文件上传支持的浏览器。
可选要求
- JavaScript模板引擎 v。2.5.4+:用于渲染Basic Plus UI和jQuery UI版本的选定和上传的文件。
- JavaScript加载图像库 v.1.13.0+:图像预览和调整大小功能所需。
- JavaScript Canvas to Blob polyfill v。2.1.1 +:需要用于图像预览和调整大小的功能。
- blueimp Gallery v。2.15.1+:用于在灯箱中显示上传的图像。
- Bootstrap v。3.2.0+
- 字形
除了jQuery UI版本之外的所有版本的用户界面都是使用Bootstrap和Glyphicons中的图标构建的。
跨域要求
使用Iframe传输插件的跨域文件上传需要重定向回原始服务器以检索上传结果。该示例实现利用了result.html作为源服务器的静态重定向页面。
存储库还包括jQuery XDomainRequest传输插件,它在Microsoft Internet Explorer 8和9(IE 10支持跨域XHR请求)中启用有限的跨域AJAX请求。
XDomainRequest对象仅允许GET和POST请求,不支持文件上传。它在演示中用于从跨域演示文件上传服务中删除上传的文件。
自定义后端
您可以按照此处概述的规范添加对各种后端的支持。
浏览器
桌面浏览器
文件上传插件经常使用最新的浏览器版本进行测试,并支持以下最低版本:
- 谷歌浏览器
- Apple Safari 4.0+
- Mozilla Firefox 3.0+
- Opera 11.0+
- Microsoft Internet Explorer 6.0+
移动浏览器
文件上传插件已测试并支持以下移动浏览器:
- iOS 6.0+上的Apple Safari
- iOS 6.0及更高版本的Google Chrome浏览器
- Android 4.0及更高版本的Google Chrome浏览器
- Android 2.3以上版本的预设浏览器
- Opera Mobile 12.0+
支持的功能
有关每个浏览器版本支持的功能的详细概述,请查看扩展浏览器支持信息。
贡献
可以使用拉取请求提出错误修复和新功能。在提交拉式请求之前,请阅读贡献指南。
支持
这个项目是积极维护的,但没有官方的支持渠道。
如果你有另一个开发人员可能会帮助你的问题,请发布到Stack Overflow和标记你的问题blueimp jquery file upload
。
License
根据MIT许可证发布。
- jQuery-File-Upload 文件上传插件
- 文件上传插件jQuery-File-Upload结合CI框架案例
- JQuery Upload File插件上传文件提示 Empty file upload result
- jQuery File Upload-jQuery上传插件
- JQuery Upload File 上传文件提示 Empty file upload result
- jquery-file-upload 文件上传,带进度条
- 【文件上传->jQuery-File-Upload】jQuery-File-Upload图片上传组件简要使用指南(挥泪共享)
- 前端上传插件,uploadive和jquery file-upload,选择哪一个?
- angular 上传文件的插件angular-file-upload
- Angular-file-upload文件上传插件的使用
- angularjs 文件上传ng-file-upload插件使用
- jquery File upload插件使用
- JQuery-File-Upload插件备忘
- 定制jQuery File Upload为微博式单文件上传
- 定制jQuery File Upload为微博式单文件上传
- .net文件上传,客户端用jquery file upload
- easyUi + jquery + common-file-upload +struts2完成文件进度条上传
- jquery file upload多文件上传的简单应用
- 蓝桥杯 ADV-210 算法提高 2-1屏幕打印
- java基础_day0007_判断_switch_case_002
- Java集合及concurrent并发包总结(转)
- Linux进程调度原理
- 关于富文本编辑器ueditor(jsp版)上传文件到阿里云OSS的简单实例,适合新手
- jQuery-File-Upload 文件上传插件
- 关于异步,同步,阻塞与非阻塞
- rem的使用及踩过的坑
- 翻转字符串中的单词
- JS中冒号的作用(与赋值符号的区别)
- Python 面向对象编程
- mysql中key 、primary key 、unique key 与index区别
- Java内存区域模型、对象创建过程、常见OOM
- TabIndex 属性 Tabindex="-1" 与Tabindex="0"、任意数字