上传的图片预览

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。