当前位置:Gxlcms > asp.net > C#中的FileUpload 选择后的预览效果具体实现

C#中的FileUpload 选择后的预览效果具体实现

时间:2021-07-01 10:21:17 帮助过:14人阅读

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>

例:

人气教程排行