ASP.NET上传图片立即显示(不上传到服务器)

在页面Head处加入如下代码:

 1 <style type="text/css">#newPreview {
 2      FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
 3 }
 4 </style>   
 5 
 6 <script language="javascript" type="text/javascript">
 7     function PreviewImg(imgFile)
 8     {    
 9         var newPreview = document.getElementById("newPreview");
10         newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
11         newPreview.style.width = "120px";
12         newPreview.style.height = "168px";
13     }
14 
15 </script> 
16 

                          

 
在FileUpload 里加入onchange事件:

1 <asp:FileUpload ID="file_image" runat="server" onchange="PreviewImg(this)"  />
2 <div id="newPreview"></div>
posted on 2008-08-14 10:07  kevin.Cheng  阅读(1917)  评论(6编辑  收藏  举报