Question

我目前正在尝试在用户点击提交按钮之前在所选图片的客户端进行图像预览。

我在论坛中找到了这种方法：

function selectedPhotoText(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#imagePreview')
                        .attr('src', e.target.result)
                        .width(240)
                        .height(149);
        };

        reader.readAsDataURL(input.files[0]);
    }
    else {
        $('#imagePreview').attr('src', "../../Images/blqblq.jpg");
    }
}

<img id="imagePreview" class="img-border" src="../../Images/blqblq.jpg" alt="Selected Image"/>

和文件上传控件：

<asp:FileUpload ID="uploadPhotoDialog" onchange="selectedPhotoText(this)" runat="server"/>

这种方法适用于Chrome，Firefox和Opera。 IE和Safari有什么变通方法吗？

提前致谢！

Answer 1

Safari到5.X.X和IE到9.x.x不支持FileReader。看看这个。 http://caniuse.com/filereader

提交前的图像预览在IE 9和Safari 5.x中不起作用

1 个答案: