Asp.net图片上传实现预览效果的简单代码

前端技术 2023/09/02 .NET

在页面上放入一个上传控件和一个图片控件.

复制代码 代码如下:

 <asp:FileUpload ID=\"FileUpload1\" runat=\"server\" onpropertychange=\"show(this.value)\"/>
        <asp:Image ID=\"Image1\" runat=\"server\"  />
 
 在上传控件中写onpropertychange=\"show(this.value)\"事件并调用js中的show函数并将自身的参数传进js.
复制代码 代码如下:

     <script type=\"text/javascript\">
    function show(id)
    ...{
        document.getElementById(\"Image1\").src=id;
    }
    </script>
   
Ie6,Ie7测试通过(注要通过滤器实现)
复制代码 代码如下:

<div id=\"divview\" style=\"filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);WIDTH: 166px; HEIGHT: 190px\">
<!--用于显示图片-->
</div>

<asp:FileUpload ID=\"FileUpload3\" runat=\"server\" onpropertychange=\"show1(this.value)\"/>
<script type=\"text/javascript\">

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;
}
</script>

本文地址：https://www.stayed.cn/item/3375

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案