尝试显示输入文件的onChange事件的图像

Question

我试图在输入文件的onchange事件上直接选择后显示图像我想弄清楚它是如何在所有浏览器中完成的但我停止了safari我试图获得

inputFile.value属性，但它返回了一条虚假的路径，即使我在这个问题上走动也不需要回帖。

此致

Answer 1

假设您的输入和图像位于

之下

<img id="PreviewImage" src="" alt="?" style="height:100px;"  />
<input id="ImageFileUpload" onchange="readURL(this);" type="file" runat="server"/>

function readURL(input) {
if (input.files && input.files[0]) {//Check if input has files.
var reader = new FileReader(); //Initialize FileReader.

reader.onload = function (e) {
$('#PreviewImage').attr('src', e.target.result);
$("#PreviewImage").resizable({ aspectRatio: true, maxHeight: 300 });
};
reader.readAsDataURL(input.files[0]);
} 
else {
$('#PreviewImage').attr('src', "#");
}
}