将图像更改为 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

您可以尝试使用此 function。 我不确定您的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
    },