업로드하기 전에 선택한 이미지 표시

Question

내 웹 응용 프로그램 중 하나에서 이미지 업로드를 구현해야합니다. 하지만 내 브라우저에 업로드하기 전에 이미지를 표시해야합니다. 다음 자바 스크립트 코드를 발견하고 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

...

순간에 적어도 창에

사파리 나던 지원을 FileReader, 그래서 스크립트가 그냥 작동하지 않을 자바 스크립트. IE (어느 버전?)도 나던 것 같아요.