Blueimp jQuery File Upload 多文件上传插件

发布于 2017-11-17 22:04:48 字数 1862 浏览 2488 评论 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/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

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

0 文章
0 评论
84961 人气
更多

推荐作者

醉城メ夜风

文章 0 评论 0

远昼

文章 0 评论 0

平生欢

文章 0 评论 0

微凉

文章 0 评论 0

Honwey

文章 0 评论 0

qq_ikhFfg

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文