如何在使用asp.net或jquery保存之前预览文件上传控件中的上传图像？

我想在保存之前预览使用asp.net中的文件上传控件上传的图像。

我尝试使用filereader的代码，但在ie9中不支持在IE9阅读器中工作。

Answer 1

试试这个例子

HTML

脚本

 function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#image_upload_preview').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } $("#inputFile").change(function () { readURL(this); }); 

这对你有所帮助。

工作演示

Answer 2

@Manoj的示例适用于IE 11，但无需调用更改函数：

 function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#image_upload_preview').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } 

用这个代码就足够了。