asp.net怎么用FileUpload上传了图片之后在image中显示出来? 20
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)" />
这个方法是我亲自测试的,可以使用,希望对你有帮助!如果可行别忘了点 赞 哦!!!
这个我也找过很长时间, 我把我的给你你再试一下吧。
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)" />
这个方法是我亲自测试的,可以使用,希望对你有帮助!如果可行别忘了点 赞 哦!!!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询