C#中的FileUpload 选择后的预览效果具体实现
时间:2020-11-05 17:29:17|栏目:.NET代码|点击: 次
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>
例:
上一篇:Live Write 的代码高亮插件 Paste Code
栏 目:.NET代码
本文标题:C#中的FileUpload 选择后的预览效果具体实现
本文地址:http://www.codeinn.net/misctech/19219.html