C#中的FileUpload 选择后的预览效果具体实现
2019/7/7 18:28:32
本文主要是介绍C#中的FileUpload 选择后的预览效果具体实现,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
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>
例:
这篇关于C#中的FileUpload 选择后的预览效果具体实现的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!