使用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到服务器.