Question

asp.net中FileUpload控件点击浏览时，同时image控件显示选中的图片要怎么实现

当点击浏览确定是image控件就相应的显示选中的图片

Answer 1

怎样FileUpload控件浏览选择图片的时候在img上同时显示出来(不用按上传) 下面代码能实现:

这个我也找过很长时间， 我把我的给你你再试一下吧。

Js部分：
<script type="text/javascript">
function ShowImg(obj) {
var AllowExt = ".jpg|.gif|.bmp|.png|";
var FileExt = obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();
if (AllowExt != 0 && AllowExt.indexOf(FileExt + "|") == -1) //判断文件类型是否允许上传
{
alert("您上传的不是图片！");
}
else {
var newPreview = document.getElementById("PreviewImg2");
newPreview.src = obj.value;
}
}
</script>

Body部分内容：

<img id="PreviewImg2" alt="" src="" width="140px" height="115px" />
<asp:FileUpload ID="FileUpload1" runat="server" onchange="ShowImg(this)" />

这个方法是我亲自测试的，可以使用，希望对你有帮助！如果可行别忘了点 赞 哦！！！

Answer 2

image1.ImageUrl = FileUpload1.PostedFile.FileName;
但是有个情况需要注意：如果你选择的图片没有在项目目录下，图片不能显示出来。所以需要把选择的图片保存到项目的文件夹下，比如新建一个iamges，这样图片才能显示