試圖顯示輸入文件的圖像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', "#"); 
} 
}