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

Question

我米试图直接选择它的onchange事件输入文件我搞清楚它在所有浏览器如何完成后显示的图像，但我去了野生动物园的IM试图让

inputFile.value属性，但它返回我一个假的路径我neeeeeeeed甚至帮助周围的问题上散步，但我并不需要一个回。

问候

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', "#"); 
} 
}