Блог

Главная - Вопросы по программированию - Предварительный просмотр загруженного изображения

Предварительный просмотр загруженного изображения

#javascript #internet-explorer #png #image-uploading

#javascript #internet-explorer #png #загрузка изображения

Вопрос:

Я использую этот код javascript для предварительного просмотра загруженного изображения перед отправкой его на сервер:

 function readURL(input) {

    if (input.files amp;amp; 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, а другой — нет.
Я понятия не имею, что здесь происходит. У кого-нибудь есть представление о том, в чем может быть проблема?

Комментарии:

1. попробуйте очистить кэш браузера

Ответ №1:

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

Приведенный выше URL-адрес содержит пример кода с рабочей демонстрацией, в нем используются FileReader и Canvas. Я тестировал на IE 11, и это работает. Я бы рекомендовал использовать этот образец на обоих компьютерах и посмотреть, работает ли он также.

Вы также можете убедиться, что на одном из ваших компьютеров не запущен IE в режиме совместимости.