Blueimp jQuery File Upload 多文件上传插件 - 资源分享

Blueimp jQuery File Upload 多文件上传插件

发布于 2017-11-17 字数 2399 浏览 2064 评论 0

Blueimp jQuery File Upload 是一个多文件上传控件,前端采用最好用的 Bootstrap 前端开发框架编写,支持拖拽上传、显示缩略图、显示上传进度条、验证文件等功能,还能预览音频和视频文件,支持跨域、断点续传和大文件分块上传等功能。

你不得不知关于HTML5中File API的秘密

后端处理上传文件支持各种语言:PHP、Python、Ruby on Rails、Java、Node.js 等,支持标准的 HTML 表单 Form 上传。

安装插件

使用插件文件上传(PHP)开发网站:

所提供的示例页面你只需要一个步骤,将它上传到你的网站里面:

  1. 下载插件上传文件,解压到本地任意文件夹(你可以重命名),然后上传到您的服务器。
  2. 浏览这个页面您就可以上传数据到您的服务器上了。

注意事项

  1. 请确保上传文件对于服务的安全性。
  2. 如果上传文件的不工作,确保网页/文件和网页缩略图目录权限允许写访问你的服务器。
  3. 如果要修改文件保存目录,请找到 /blueimp-jQuery-File-Upload/server/php/ 目录下的 upload.class.php 文件,修改 upload_dir 对应的值。

重要说明

  • 这个演示的代码对文件大小限制是 5M,默认情况下是没有限制的。
  • 只能上传JPG、GIF 和 PNG文件,默认情况下,没有文件类型限制。
  • 上传文件将在5分钟后自动删除(演示设置)。
  • 你可以拖拽文件到浏览器里面即可实现上传,具体的兼容性需要浏览器支持
  • 更多信息请参考项目网站和文档
  • 演示的样式来自 Bootstrap 框架。

浏览器兼容

桌面浏览器

文件上传插件经常使用最新的浏览器版本进行测试,并支持以下最低版本:

  • Google Chrome
  • Apple Safari 4.0+
  • Mozilla Firefox 3.0+
  • Opera 11.0+
  • Microsoft Internet Explorer 6.0+

手机浏览器

文件上传插件已经测试并支持以下移动浏览器:

  • Apple Safari on iOS 6.0+
  • Google Chrome on iOS 6.0+
  • Google Chrome on Android 4.0+
  • Default Browser on Android 2.3+
  • Opera Mobile 12.0+

项目地址:http://blueimp.github.io/jQuery-File-Upload/

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

清欢

文章 1 评论 0

贱贱哒

文章 3 评论 0

悸初

文章 2 评论 0

西瓜杏

文章 0 评论 0

各自安好

文章 0 评论 0