javascript - 使用 HTML5 文件 API 读取存储在某些 URL 上的文件

Question

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

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

<input type="file">

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

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

Answer 1

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

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

它包含将远程文件下载为 Blob 和将 Blob 上传到服务器的片段。