Asp.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>