jquery - 使用 jQuery fileupload 插件直接上传到 Amazon S3

Question

我正在使用https://github.com/blueimp/jQuery-File-Upload将文件上传到我的 Rails 应用程序上的 S3(安装了此 gem: https://github.com/tors/jquery-fileupload-rails )。

这是我的表格。由于我只需要上传文件并稍后创建文档，因此它不是 form_for。

  <%= form_tag 'Bucket URL SNIP', :multipart => true, :id => "fileupload" do %>
  <%= hidden_field_tag 'key', @token %>
  <%= hidden_field_tag 'AWSAccessKeyId', ACCESSKEYSNIP %>
  <%= hidden_field_tag 'acl', 'public-read' %>
  <%= hidden_field_tag 'success_action_status', '200' %>
  <%= hidden_field_tag 'policy', controller.s3_policy_document %>
  <%= hidden_field_tag 'signature', controller.signature %>
  <% end %>

jQuery uploader 的初始化如下:

  $(function () {

      $('#fileupload').fileupload({

        forceIframeTransport: true

      });

  });

一切正常，我看到了 UI，但是当文件的进度条完成时，它给了我一个错误，并且文件实际上并未上传。

类型错误:iframe 未定义。 (火狐)TypeError:TypeError:无法读取未定义的属性“0”(Chrome)

可能是什么问题？

编辑:

查看 Javascript 控制台，我收到如下错误(替换了真实地址):

Unsafe JavaScript attempt to access frame with URL BUCKETURL from frame with URL SERVERURL. Domains, protocols and ports must match.

Answer 1

我最近写了一篇关于如何直接上传文件到 s3 的简短教程，希望它能对您有所帮助:

http://pjambet.github.com/blog/direct-upload-to-s3/