アップロード前に選択した画像を表示

Question

私のWebアプリケーションの1つでは、画像のアップロードを実装する必要があります。しかし、ブラウザにアップロードする前に画像を表示する必要があります。私は次の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の方法はありますか？

スクリプトがちょうど仕事に行くされていないので、どこでもサポートされていないHTML5への事前の おかげ

Answer 1

ようこそ、一瞬のために...少なくとも、Windows上

サファリdoesntのサポートFileReaderのが特徴助けてくださいjavascriptで。私はIE（どちらのバージョン？）もdoesntを推測する。