上传的图像预览

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图像。例如，我有2台装有Windows 7和IE11的电脑......一台读取PNG图像，另一台则不读取。 我不知道这里发生了什么。有没有人知道可能是什么问题？

Answer 1

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

上面的url包含一个示例代码，带有一个工作演示，它使用的是FileReader和Canvas。我在IE 11上测试过，它有效。我建议在两台计算机上使用该样本，看看是否也能正常工作。

您还可以确保其中一台计算机未在兼容性视图中运行IE。