Question

asp.net在前台如何通过javascript显示一张被选中的图片

<asp:FileUpload ID="FileUpload1" runat="server" BackColor="#CCFFFF" />
<input id="Button1" type="button" value="查看图片" />
<br /><br />
<div id="picture">
<img alt="" src="" width="400px" height="500px" /><br /><br />
</div>
我是想点击一下Button1就让被Fileupload1获取的图片显示在img里,请问这一步怎么通过javascript来实现

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)" />

这个方法是我亲自测试的，可以使用，希望对你有帮助！

追问

判断是否为图片文件的功能实现了,但显示图片的功能还是没有额