Question

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

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

<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的实现。此链接包含您需要的代码片段：

它包含用于将远程文件下载为Blob并将Blob上传到服务器的两个代码段。