Rails remotipart gem,如何绑定到ajax"progress"事件

Vic*_*r S 6 ajax ruby-on-rails

我正在尝试基于ajax事件实现一个进度条,我在很多方面已经阅读过了.我的特殊问题是我不知道如何将我的自定义事件处理程序绑定到'remotipart'gem的ajax事件中.

这里是我想要做的甚至挂钩的描述:

http://warp.byu.edu/site/content/1172

要么

http://www.centurion-project.org/articles/html5-multiple-file-upload-with-progress-bar

我提到的remotipart gem:

https://github.com/JangoSteve/remotipart

我正在使用rails 3和jquery,以及:remote => true表单.

jsh*_*kol 2

Remotipart 可能不是答案

免责声明,我自己没有使用过 Remotipart gem,但我花了很多时间处理文件上传和 Rails。不幸的是,根据我对 Remotipart 的理解,它不支持您正在寻找的进度条用例,因为底层 iFrame 传输策略不支持进度事件。

为了解释这一点,让我们看看作为开发人员在浏览器级别可以使用的不同选项。无论您使用什么服务器端框架或库,这些选项都适用。

无刷新文件上传

  1. iFrame传输
  2. 支持插件(Flash/Silverlight/其他)
  3. HTML5(文件和 XHR2 API,可选择拖放)

选项 1 - iFrame 传输(Remotipart 的策略)

最古老且最广泛支持(就浏览器而言)的无刷新页面加载策略本质上涉及执行表单的标准提交,但使用隐藏的 iFrame 作为目标。不幸的是,此选项不支持进度事件,请参阅此链接(来自 Remotipart 的自述文件):
http://www.alfajango.com/blog/ajax-file-uploads-with-the-if ​​rame-method/

选项 2 - 支持插件

使用上传模块(通常用 Flash 或 Silverlight 编写)来绕过历史浏览器标准所施加的限制。允许多个文件上传和进度事件,但要求用户安装第 3 方浏览器扩展(尽管我们可以假设大多数桌面浏览器都有 Flash)。

选项 3 - HTML 5(您引用的文章使用的策略)

因此,像往常一样,HTML 5 是解决所有生活挑战的答案。使用文件和 XHR2 API,可以支持带有进度事件的多文件上传,而无需任何浏览器扩展。这是您引用的文章所使用的策略,通常是未来的最佳实践,但需要注意的是,您可能会看到很多用户使用的浏览器不支持它。

我做什么

我非常喜欢任何可以让您利用最新、最好的解决方案,同时仍然可以在旧浏览器上优雅地降级的解决方案。考虑到这一点,我使用一个名为 Plupload 的库来上传文件: http:
//www.plupload.com/

Plupload 包含 4 个上传“运行时”,捆绑在一个库中:

  • HTML5(选项 3)
  • 闪光灯(选项 2)
  • Silverlight(选项 2)
  • HTML4(选项 1)

您配置您的偏好顺序,Plupload JS 运行时将智能地加载用户浏览器支持的第一个。该库的 JS 部分做得非常好,无论使用哪个运行时,都可以为您提供一致的事件来进行编程。作为开发人员,让我们专注于构建一个漂亮的 UI,无论使用哪个运行时,它都将“正常工作”。

当然,如果您一直降级到 HTML4,您将失去获取进度更新的能力,因此您应该为此做好准备。

希望有帮助!如果您对使用 Plupload 感兴趣,这里有很多优秀的文章和答案可以提供帮助。