IE 10/11：APIレスポンスからの画像プレビュー

Question

APIレスポンスで返された画像が表示されますが、IE 10/11のマイページのimg要素のsrcとして設定できません。 はクロームでは、このReactJSコードが正常に動作します：

return fetch(url, sInit) 
     .then(response => response.blob()) 
     .then((blobResponse) => { 
     let fileUrl = (window.URL || window.webkitURL).createObjectURL(blobResponse); 
     // setting fileUrl as src for <img> 
     }); 

このfileUrlはその後、img要素のsrc属性として設定されています。

しかし、イメージを指定された位置でプレビューできるように、IE 10/11の解決策が必要です。

注：window.navigator.msSaveOrOpenBlobの回避策は必要なものではありません。私は道の下、この中で達成することができました

Answer 1

：

return fetch(url, sInit) 
    .then(response => response.blob()) 
    .then((blobResponse) => { 
    if (window.navigator.msSaveOrOpenBlob) { // Checking if IE 
     let reader = new FileReader(); 
     let dataURL = ''; 
     reader.onload = function readerFile(e) { 
     dataURL = reader.result; 
     // setting dataURL as src for <img> 
     }; 
     reader.readAsDataURL(blobResponse); 
    } else { 
     let fileUrl = (window.URL || window.webkitURL).createObjectURL(blobResponse); 
     // setting fileUrl as src for <img> 
    } 
    });