Показать выбранное изображение перед загрузкой

Question

В одном из моих веб-приложений мне нужно осуществить загрузку изображений.Но мне нужно показать изображения перед загрузкой в ​​браузер.Я нашел следующий код JavaScript и довольно хорошо работает во всех браузерах, кроме Safari, IE.

function handleFiles(files) {

for (var i = 0; i < files.length; i++) {
    var file = files[i];

    var imageType = /image.*/;

    if (!file.type.match(imageType)) {


        $('.img_error_con').html("Invalid image file.");
            $('.img_error_con').fadeIn(200);
            return false;


        continue;
    }


    var img=document.getElementById('fake_img');
    img.src = file;
    img.onload = function() {


    };


    var reader = new FileReader();
    reader.onload = (function(aImg) {
        return function(e) {
            aImg.src = e.target.result;
        };
    })(img);
    reader.readAsDataURL(file);
}

}

Пожалуйста, помогите мне решить проблему в Safari.или любой другой метод HTML5 для выполнения этой работы?

Пожалуйста, помогите Спасибо заранее

Answer 1

Добро пожаловать в HTML5, не поддерживаемые везде функции ...

Safari по крайней мере на данный момент не поддерживает FileReader для Windows, поэтому ваш скрипт не будет работать только с JavaScript. Я думаю, IE (какая версия?) Тоже нет.