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
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>
2 <div id="newPreview"></div>