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

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 на окнах, по крайней мере на данный момент, так что ваш скрипт не будет работать только с javascript. Я думаю, IE (какая версия?) Тоже не работает.