Asp.net上传图片产生预览效果

网上看到的,记一下。
第一种,在html中可以运行,但在asp.net 中出错:
<div id= viewImage></div>
 <asp:FileUpload ID="uper" runat="server" onpropertychange="show(this.value)" />
function show(va)
    {
        document.getElementById("viewImage").innerHTML="<img src="+va+" />";
    }
第二种,IE6、7都可以,
<div id="divview" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
            width: 166px; height: 190px">
        </div>
        <asp:FileUpload ID="uper" runat="server" onpropertychange="show1(this.value)" />
        <div>

 function show1(upimg)
    {
         var dd=document.getElementById("divview");
         dd.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = upimg;
         dd.style.width = 166;
         dd.style.height = 190;
         dd.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale';
    }

这里的抄的别人的,不理解为什么,不过知道是通过滤器实现。

你可能感兴趣的:(asp.net)