我在web窗体上用一个HTML 的File Field控件浏览显示图像文件夹,并选择某个图像文件后希望能把指定的图像文件显示在页面的一个image控件上,但是怎样动态指定IMAGE的src属性?
不太明白你的意思
你是说上传一个图像然后显示吗?
up
你的意思说得不清楚,请你说清楚哟
image.url=serverpath+"图片文件名"
编写field控件的onchang()事件js函数,通过js指定image.ImageUrl注意路径需要转换一下。
补充:image.ImageUrl的路径为field控件的value值转换而来!
以下为源代码?
不知道是否是你想要的!
<HTML>
<HEAD>
<title>上传照片</title>
<meta content="Microsoft Visual Studio 7.0" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<LINK href="../css/form.css" type="text/css" rel="stylesheet">
<script language="javascript">
function changeimage(ImgPath)
{
document.all["Image1"].src = "file:///"+ImgPath.value;
}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="AddPerImage" method="post" encType="multipart/form-data" runat="server">
<FONT face="宋体">
<table borderColor="#855c33" cellSpacing="0" cellPadding="0" width="500" align="center" border="1">
<tr bgColor="#855c33">
<td align="middle"><font color="#ffffff">上传照片</font>
</td>
</tr>
<tr height="25">
<td><asp:label id="MesLab" runat="server">为了保证照片效果,请上传1寸照片</asp:label></td>
</tr>
<tr>
<td>
<table width="95%" align="center" border="0">
<tr>
<td width="60%"> <INPUT id="File1" type="file" onchange="changeimage(this)" size="30" name="File1" runat="server">
</td>
<td align="middle" width="35%"><asp:image id="Image1" runat="server" AlternateText="无图片" ImageUrl="./image.aspx?flag=0" Height="108px" Width="75px"></asp:image></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="middle" height="30"><INPUT class="btn" id="Submit1" style="WIDTH: 57px" onclick="window.opener.document.all.Image2.src=document.all.Image1.src;return true;" type="submit" value="确定" name="Submit1" runat="server">
<INPUT class="btn" style="WIDTH: 57px" onclick="window.close();" type="button" value="取消">
</td>
</tr>
</table>
</FONT>
</form>
</body>
</HTML>