C#中的FileUpload 选择后的预览效果具体实现
(编辑：jimmy 日期: 2025/5/16 浏览：3 次 )
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>
例：
下一篇：浅析ASP.NET万能JSON解析器