使用HTML5 File API读取存储在某个URL上的文件

Question

我正在使用HTML5文件API将文件上传到我的Web应用程序。

我的网页上有一个输入元素，我用它来读取文件和调用上传功能

<input type="file">

$('input[type="file"]').on("change",function(e){
      console.log(this.files);
      // upload each file in this.files
});

这适用于os上的本机文件。 我想现在上传远程文件，例如example.com/blah/file1.jpg我的问题是如何使用File API读取此文件？ 有办法吗？

Answer 1

您可以通过XMLHttpRequest下载远程文件，并将它们作为Blob 。 然后将其上传到另一台服务器。 上传必须通过XMLHttpRequest 。 它依赖于浏览器的XHR Level 2实现。此链接包含您需要的代码片段：

http://www.html5rocks.com/en/tutorials/file/xhr2/

它具有下载远程文件作为两个片段Blob和上传Blob到服务器。