两种方式:1.用js实现
2.直接在控件的事件处理函数中添加语句(相当于将js的函数代码直接写在此处, 如注释处所写)
注意:此处可以用<input type='file'>也可以用<asp:FileUpload>实现,虽然后者没有onchange事件,但是强行使用的时候,虽然提示[validation (asp.net):attribute 'onchange' is not a valid attribute of element 'Fileupload'],但是需要的效果还是可以达到的。
<body>
<script type="text/javascript">
function ch(val)
{
document.getElementById('Image1').src=val;
}
</script>
<form id="form1" runat="server">
<div>
<asp:Image ID="Image1" runat="server" Width="135px" />
<%--<input id="File1" type="file" οnchange="document.getElementById('Image1').src=this.value"/>--%>
<input id="File1" type="file" οnchange="ch(this.value);"/>
<asp:FileUpload ID="FileUpload1" runat="server" οnchange="document.getElementById('Image1').src=this.value" />
</div>
</form>
</body>
2.直接在控件的事件处理函数中添加语句(相当于将js的函数代码直接写在此处, 如注释处所写)
注意:此处可以用<input type='file'>也可以用<asp:FileUpload>实现,虽然后者没有onchange事件,但是强行使用的时候,虽然提示[validation (asp.net):attribute 'onchange' is not a valid attribute of element 'Fileupload'],但是需要的效果还是可以达到的。
<body>
<script type="text/javascript">
function ch(val)
{
document.getElementById('Image1').src=val;
}
</script>
<form id="form1" runat="server">
<div>
<asp:Image ID="Image1" runat="server" Width="135px" />
<%--<input id="File1" type="file" οnchange="document.getElementById('Image1').src=this.value"/>--%>
<input id="File1" type="file" οnchange="ch(this.value);"/>
<asp:FileUpload ID="FileUpload1" runat="server" οnchange="document.getElementById('Image1').src=this.value" />
</div>
</form>
</body>