HTML 5 Amazon S3直接上载程序

我正在寻找一个HTML5Ajax库/框架,用户可以直接将文件上传到AmazonS3。目标是避免将附件上载到Web服务器(当Web服务器将附件传输到Amazon时会阻塞附件)。我的理解是这应该是可以使用的 XDomainRequest 但是我不知道怎么做。

我正在运行RubyonRails,并希望为上传的文件分配一个临时名称(使用UUID),该名称将被发布回Web服务器,以便以后可以重命名该文件并与Paperclip集成。

有什么想法吗?这是jquery可以处理的吗?Flash不是这个项目的选项。谢谢!

编辑:

我设法找到了一个基本的工作岗位,但仍然有问题。我不确定需要什么报头,或者如何在请求中编码Amazon所需的参数(我可以把它们放在请求报头中吗?)以下是迄今为止我的进展:

const XMLHTTPFactories = [
  function () { return new XDomainRequest(); },
  function () { return new XMLHttpRequest(); },
  function () { return new ActiveXObject("Msxml2.XMLHTTP"); },
  function () { return new ActiveXObject("Msxml3.XMLHTTP"); },
  function () { return new ActiveXObject("Microsoft.XMLHTTP"); },
];

var xhr = null;

for (var i = 0; i < XMLHttpFactories.length; i++) {
    try { xhr = XMLHttpFactories[i](); break; } catch (exception) { continue; }
}

$(this).change(function () {

  for (var i = 0; i < this.files.length; i++) {
    var file = this.files[i];

    xhr.open(settings.method, settings.url, true);
    xhr.setRequestHeader("Cache-Control", "no-cache");
    xhr.setRequestHeader("Content-Type", "multipart/form-data");
    xhr.setRequestHeader("Access-Control-Allow-Origin", "*")
    xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
    xhr.setRequestHeader("X-File-Name", file.fileName);
    xhr.setRequestHeader("X-File-Size", file.fileSize);

    xhr.send(file);
  }

编辑:

在进一步更新之后,我成功地获得了以下错误:

无法加载xmlhttpRequest http://bucket.s3.amazonaws.com/ 。 起源 http://local.app 是 不允许 访问控制允许来源。

我上传了一个 crossdomain.xml 允许从通配符(*)域访问的文件。不确定如何继续…

编辑:

在做了更多的调查之后,我开始认为Javascript文章对S3来说可能是不可能的。在进行传输之前,是否需要将我发布到EC2实例?我也许可以保护一个微实例,但如果可能的话,我更愿意直接访问S3!谢谢!

编辑:

我在亚马逊论坛上发布了这个问题,没有收到任何反馈。对于交叉引用,可在此处找到其他帖子: https://forums.aws.amazon.com/message.jspa?messageID=206650#206650 。