javascript - 将图像更改为 Blob 在 IE11 中不起作用

Question

使用下面的代码将图像更改为 blob。

changeImageIntoBlob = getImageResponse => {
 var urlCreator = window.URL || window.webkitURL;
 var binaryData = [];
 binaryData.push(getImageResponse);
 var image = urlCreator.createObjectURL(
   new Blob(binaryData, { type: "jpeg/png" })
 );

 this.setState({
   image
 });
};

上面代码中的 getImageResponse 参数应该是这样的

Blob {size: 144425, type: "image/jpeg"}

它在 chrome、firefox 和 EDGE 中工作正常，但现在可以在 IE11 中工作，在 IE 中出现的错误是 InvalidStateError，并且还在下图中添加了错误以供您引用。

帮我想想办法。

Answer 1

您可以尝试使用此功能。我不确定您的 getImageResponse 的格式是什么。如果它是一个 dataURI，类似这样

data:image/jpeg;base64,R0lGODlhEAAQAMQAAORHHOV....

那你可以试试这个

dataURItoBlob(dataURI) {
      var byteString = atob(dataURI.split(",")[1]);
      var ab = new ArrayBuffer(byteString.length);
      var ia = new Uint8Array(ab);
      for (var i = 0; i < byteString.length; i++) {
        ia[i] = byteString.charCodeAt(i);
      }
      return new Blob([ab], { type: "image/jpeg" }); // change the type here into the type you want
    },