javascript - 尝试显示输入文件的图像 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', "#");
}
}