熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

Asp.net圖片上傳實現預覽效果的簡單代碼

2022-06-13   來源: .NET編程 
這篇文章介紹了Aspnet圖片上傳實現預覽效果的簡單代碼有需要的朋友可以參考一下  

  在頁面上放入一個上傳控件和一個圖片控件

復制代碼 代碼如下:
 <asp:FileUpload ID="FileUpload" runat="server" onpropertychange="show(thisvalue)"/>
        <asp:Image ID="Image" runat="server"  />

  
 在上傳控件中寫onpropertychange="show(thisvalue)"事件並調用js中的show函數並將自身的參數傳進js

復制代碼 代碼如下:
     <script type="text/javascript">
    function show(id)
    {
        documentgetElementById("Image")src=id;
    }
    </script>

  
IeIe測試通過(注要通過濾器實現)

復制代碼 代碼如下:

  
<div id="divview" style="filter : progid:DXImageTransformMicrosoftAlphaImageLoader(sizingMethod=image);WIDTH: px; HEIGHT: px">
<!用於顯示圖片>
</div>

  <asp:FileUpload ID="FileUpload" runat="server" onpropertychange="show(thisvalue)"/>
<script type="text/javascript">

  function show(upimg)
{
 var dd=documentgetElementById("divview");
 ddfiltersitem("DXImageTransformMicrosoftAlphaImageLoader")src = upimg;
 ddstylewidth = ;
 ddstyleheight = ;
 ddfiltersitem("DXImageTransformMicrosoftAlphaImageLoader")sizingMethod = scale;
}
</script>


From:http://tw.wingwit.com/Article/program/net/201311/14290.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.