上傳的圖片預覽

Question

我用這個JavaScript代碼來將其發送到服務器之前預覽上傳的圖片：

function readURL(input) { 

    if (input.files && input.files[0]) { 
     if(input.files[0].type.match('image.*')){ 
      var reader = new FileReader(); 

      reader.onload = function (e) { 
       $('#logo-preview').attr('src', e.target.result); 
      }; 

      reader.readAsDataURL(input.files[0]); 
     } 
    } 
} 

$("#upload-logo").change(function(){ 
    readURL(this); 
}); 

這完全適用於Chrome，Firefox，Safari和令人驚訝的IE10和IE11。 雖然在IE上我無法讀取某些電腦中的PNG圖像。例如，我有兩臺帶Windows 7和IE11的電腦......一臺讀取PNG圖像，另一臺讀取不到的圖像。 我不知道這裏發生了什麼。有沒有人知道可能是什麼問題？

Answer 1

http://blog.revathskumar.com/2012/04/html5-show-thumbnail-preview-of-image.html

以上網址包含示例代碼，具有工作演示，則使用的FileReader和畫布。我在IE 11上測試過，並且它工作正常。我會建議在兩臺計算機上使用該示例，並查看是否也適用。

您還可以確保您的一臺計算機沒有在兼容性視圖中運行IE。