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';
}
这里的抄的别人的,不理解为什么,不过知道是通过滤器实现。
第一种,在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';
}
这里的抄的别人的,不理解为什么,不过知道是通过滤器实现。
我不是最强的,但我是最努力的!