参见英文答案 >
Preview an image before it is uploaded16个答案在我的代码中，我允许用户上传图像。现在我想显示这个选择的图像作为预览在同一个弹出。我如何使用jQuery做它？
以下是我在我的弹出窗口中使用的输入类型。
<input type="file" name="uploadNewImage">
解决方法
Demo
HTML：
<form id="form1" runat="server"> <input type='file' id="imgInp" /> <img id="blah" src="#" alt="your image" /> </form>
jQuery
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah').attr('src',e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#imgInp").change(function(){
readURL(this);
});
