服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

服务器之家 - 编程语言 - ASP.NET教程 - C#中的FileUpload 选择后的预览效果具体实现

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

2019-11-23 13:08C#教程网 ASP.NET教程

选择后的预览效果实现的方法有很多,在本文为大家介绍下使用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> 


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

延伸 · 阅读

精彩推荐