上传图片预览（未上传到服务器）

最新推荐文章于 2024-05-21 18:35:13 发布

Eric_GuoDongliang

最新推荐文章于 2024-05-21 18:35:13 发布

阅读量1.1k

点赞数

文章标签：服务器 server xhtml html filter function

本文链接：https://blog.csdn.net/Eric_GuoDongliang/article/details/7064621

版权

 
      <%@ Page Language= 
      "C#" 
      %>  
     
      <!DOCTYPE html PUBLIC  
      "-//W3C//DTD XHTML 1.0 Transitional//EN" 
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 
      >  
     
      <script runat= 
      "server" 
      >  
     
      </script>  
     
      <html xmlns= 
      "http://www.w3.org/1999/xhtml" 
      >  
     
      <head id= 
      "Head1" 
      runat= 
      "server" 
      >  
     
      　　<title>Preview Image In FileUpload</title>  
     
      　　<style type= 
      "text/css" 
      >  
     
      　　　　#newPreview  
     
      　　　　{  
     
      　　　　　　filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);  
     
      　　　　}  
     
      　　</style>  
     
      </head>  
     
      <body>  
     
      　　<script language= 
      "javascript" 
      type= 
      "text/javascript" 
      >  
     
      　　　　function PreviewImg(imgFile)  
     
      　　　　{　　  
     
      　　　　　　var newPreview = document.getElementById( 
      "newPreview" 
      );  
     
      　　　　　　newPreview.filters.item( 
      "DXImageTransform.Microsoft.AlphaImageLoader" 
      ).src = imgFile.value;  
     
      　　　　　　newPreview.style.width =  
      "80px" 
      ;  
     
      　　　　　　newPreview.style.height =  
      "60px" 
      ;  
     
      　　　　}  
     
      　　</script>  
     
      　　<form id= 
      "form2" 
      runat= 
      "server" 
      >  
     
      　　<div>  
     
      　　　　<asp:FileUpload ID= 
      "FileUpload1" 
      runat= 
      "server" 
       onchange= 
      "PreviewImg(this)" 
       />  
     
      　　</div>  
     
      　　<div id= 
      "newPreview" 
      >  
     
      　　</div>  
     
      　　<input type= 
      "file" 
      onchange= 
      "document.getElementById('img').src=this.value" 
      />  
     
      　　<img id= 
      "img" 
      >  
     
      　　</form>  
     
      </body>  
     
      </html>

Eric_GuoDongliang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
上传图片预览（未上传到服务器）

"C#"%> 　　 <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">　　 "server">　　　　 "http://www.w3.org/1999/x
复制链接

扫一扫