asp.net中怎样FileUpload控件浏览选择图片的时候在img上同时显示出来(不用按上传) 下面代码能实现吗
<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>无标题页</title><scr...
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" language="javascript">
function PreviewImg(imgFile,imgdiv,img){
imgdiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale)";
imgdiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
imgdiv.style.width = "200px";
imgdiv.style.height = "150px";
img.style.display="none";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label6" runat="server" Text="Label">商品图片：</asp:Label> <div id="img_x" runat="server" >
<asp:ImageMap id="image_xiao" runat="server" style="height:150px; width:200px;" >
</asp:ImageMap></div><br /><br />
<asp:Label ID="labtp" runat="server" Text="Label">上传图片：</asp:Label>
<asp:FileUpload ID="FileUpload1" runat="server" Width="530px" onchange="PreviewImg(this,ctl00_ContentPlaceHolder1_img_x,ctl00_ContentPlaceHolder1_image_xiao)" Height="20px" />
<br />
</div>
</form>
</body>
</html> 展开
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" language="javascript">
function PreviewImg(imgFile,imgdiv,img){
imgdiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale)";
imgdiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
imgdiv.style.width = "200px";
imgdiv.style.height = "150px";
img.style.display="none";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label6" runat="server" Text="Label">商品图片：</asp:Label> <div id="img_x" runat="server" >
<asp:ImageMap id="image_xiao" runat="server" style="height:150px; width:200px;" >
</asp:ImageMap></div><br /><br />
<asp:Label ID="labtp" runat="server" Text="Label">上传图片：</asp:Label>
<asp:FileUpload ID="FileUpload1" runat="server" Width="530px" onchange="PreviewImg(this,ctl00_ContentPlaceHolder1_img_x,ctl00_ContentPlaceHolder1_image_xiao)" Height="20px" />
<br />
</div>
</form>
</body>
</html> 展开
展开全部
可以实现，但是只是IE可以，别的浏览器不清楚，IE还得设置下 工具-Inertnet-安全-自定义级别-将文件上传时包含本地路径 启用。试一下
追问
还是不行 郁闷
网页错误详细信息
消息: 'ctl00_ContentPlaceHolder1_img_x' 未定义
行: 31
字符: 1
代码: 0
URI: http://localhost:1209/web/Yadmin/Default.aspx
求大侠能给个适用大部分浏览器的完整代码 小弟十分感谢
追答
这个我也找过很长时间，没有完全适用各种浏览器的 我把我的给你 你再试一下吧。
JS ： function ShowImg(obj) {
var AllowExt = ".jpg|.gif|.bmp|";
var FileExt = obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();
if (AllowExt != 0 && AllowExt.indexOf(FileExt + "|") == -1) //判断文件类型是否允许上传
{
alert("您上传的不是图片！");
}
else {
var newPreview = document.getElementById("PreviewImg");
newPreview.innerHTML = "";
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = obj.value;
newPreview.style.width = "140px";
newPreview.style.height = "115px";
}
}
FileUpLoad（注意这里有DIV）：
图片大小为：140*115 （像素）
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
火狐下显示图片比较简单，用JS从FileUpload.file.item中获取图片DataURI赋给图片Src就可以了，IE就麻烦多了，IE6、7得将图片控件用JS删除，用DIV填补上，再将DIV背景指向图片地址，IE8和火狐一样，IE系列是比较让人头痛的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不能实现img不可能显示上传的图片
在img代码中插入
Image1.ImageUrl = Request.QueryString["zhaopian"];
在上传图片控件源代码写
ImageButton1.ImageUrl = "~/ValidateCode.aspx";
在img代码中插入
Image1.ImageUrl = Request.QueryString["zhaopian"];
在上传图片控件源代码写
ImageButton1.ImageUrl = "~/ValidateCode.aspx";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
