Javascript 上传前显示所选图像

Javascript 上传前显示所选图像,javascript,html,jquery,file-upload,Javascript,Html,Jquery,File Upload,在我的一个web应用程序中,我必须实现图像上传。但是我需要在上传到我的浏览器之前显示图像。我发现以下javascript代码在除Safari之外的所有浏览器中都能正常工作 function handleFiles(files) { for (var i = 0; i < files.length; i++) { var file = files[i]; var imageType = /image.*/; if (!file.type.match(imageT

在我的一个web应用程序中,我必须实现图像上传。但是我需要在上传到我的浏览器之前显示图像。我发现以下javascript代码在除Safari之外的所有浏览器中都能正常工作

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不支持的everywhere功能


Safari至少目前不支持windows上的FileReader,因此您的脚本不能仅使用javascript。我猜是哪个版本?也不要这样做。

谢谢你的回复,我正面临Safari和IE 8的问题。有没有用于此目的的HTML5方法?