C#中的FileUpload 选择后的预览效果具体实现
程序员文章站
2024-02-26 18:37:16
c#中的fileupload 选择后的预览效果 实现方法： html： 复制代码 代码如下:
c#中的fileupload 选择后的预览效果
实现方法：
html：
<asp:fileupload id="fuptmppic" runat="server" onchange="onfilechange(this);" />
<asp:image id="imgdimensionalpic" runat="server" />
js：
<script type="text/javascript">
function onfilechange(sender) {
document.getelementbyid("imgdimensionalpic").src = window.url.createobjecturl(sender.files[0]);
}
</script>
例：
实现方法：
html：
复制代码 代码如下:
<asp:fileupload id="fuptmppic" runat="server" onchange="onfilechange(this);" />
<asp:image id="imgdimensionalpic" runat="server" />
js：
复制代码 代码如下:
<script type="text/javascript">
function onfilechange(sender) {
document.getelementbyid("imgdimensionalpic").src = window.url.createobjecturl(sender.files[0]);
}
</script>
例：