如何从对象URL获取文件或Blob？

小编典典

如何从对象URL获取文件或Blob？

javascript

我允许用户通过拖放和其他方法将图像加载到页面中。放置图像时，我URL.createObjectURL用来转换为对象URL以显示图像。我没有撤消该URL，因为我确实重复使用了它。

因此，当需要创建一个FormData对象时，我可以允许他们上传其中包含其中一个图像的表单，是否可以通过某种方式将该对象URL反向转换为a
Blob，File然后可以将其附加到a FormData宾语？

阅读 1070

2020-05-01

共1个答案

小编典典

正如gengkev在上面的评论中所暗示的那样，似乎最好/唯一的方法是使用异步xhr2调用：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'blob:http%3A//your.blob.url.here', true);
xhr.responseType = 'blob';
xhr.onload = function(e) {
  if (this.status == 200) {
    var myBlob = this.response;
    // myBlob is now the blob that the object URL pointed to.
  }
};
xhr.send();

更新（2018）：对于可以安全使用ES5的情况，Joe在下面提供了一个基于ES5的简单答案。

2020-05-01