讀取圖像文件並在IE中轉換為base64格式

Question

我正在使用下面的jQuery，它從文件輸入中讀取圖像輸入並轉換為base64格式以顯示，它在googlechrome中工作得很好，但在IE中卻沒有。 我想在IE中達到相同的目的。 請幫忙

function readImage(input) {
if ( input.files && input.files[0] ) {
    var FR= new FileReader();
    FR.onload = function(e) {
         $('#img').attr( "src", e.target.result );
         $('#base').text( e.target.result );
    };       
    FR.readAsDataURL( input.files[0] );
  }
 }

$("#asd").change(function(){

   readImage( this );
});

Answer 1

IE僅在IE10及更高版本中支持FileReader。

我可以使用-FileReader

除此之外，您的IE8對於base64圖像源僅支持32kb的數據。 如果需要支持IE9及更低版本，您將需要找到另一種方法，該方法涉及從服務器顯式返回base64字符串。 一種客戶端方法是從畫布中提取base64數據。

如何將圖像保存到本地存儲，然后在下一個顯示...

問題是IE8會再次打敗您，您將不得不尋找某種墊片來解決您的問題。

我可以使用-帆布
我如何使用html5畫布元素

最后，您可以嘗試使用FileReader polyFill，例如

https://github.com/Jahdrien/FileReader