脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → ASP.NET → 实用技巧 → 图片上传实现预览效果

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

 更新时间：2013年07月25日 10:54:45   作者：  
这篇文章介绍了Asp.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>

您可能感兴趣的文章:

相关文章

  • .Net Core WebApi部署在Linux服务器上的方法

    .Net Core WebApi部署在Linux服务器上的方法

    这篇文章主要介绍了.Net Core WebApi部署在Linux服务器上的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • ASP.Net项目中实现微信APP支付功能

    ASP.Net项目中实现微信APP支付功能

    这篇文章介绍了ASP.Net项目中实现微信APP支付功能的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-07-07
  • 在.NET中使用DiagnosticSource的方法

    在.NET中使用DiagnosticSource的方法

    这篇文章主要介绍了在.NET中使用DiagnosticSource的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10
  • asp.net 数据库连接池浅析

    asp.net 数据库连接池浅析

    asp.net是默认支持连接池的，所以关于张方面的介绍和谈论都比较少，查了一下msdn，有一下知识
    2010-03-03
  • 使用ASP.NET一般处理程序或WebService返回JSON的实现代码

    使用ASP.NET一般处理程序或WebService返回JSON的实现代码

    今天, 将为大家说明如何在 ASP.NET 中使用一般处理程序或者 WebService 向 javascript 返回 JSON
    2011-10-10
  • ASP.NET MVC Webuploader实现上传功能

    ASP.NET MVC Webuploader实现上传功能

    这篇文章主要为大家详细介绍了ASP.NET MVC Webuploader实现上传功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-09-09
  • Asp.Net套用母版页后元素ID不一致(个人总结)

    Asp.Net套用母版页后元素ID不一致(个人总结)

    这篇文章主要介绍了Asp.Net套用母版页后元素ID不一致(个人总结),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • 浅谈asp.net Forms身份验证详解

    浅谈asp.net Forms身份验证详解

    这篇文章主要介绍了浅谈asp.net Forms身份验证详解 ，这种方法可以轻松的保持用户的登录状态（如果用户想这样），便捷的用户授权配置，增强的安全性，有兴趣的可以了解一下。
    2016-12-12
  • asp.net发送邮件示例分享

    asp.net发送邮件示例分享

    这篇文章主要介绍了asp.net发送邮件示例分享,需要的朋友可以参考下
    2014-02-02
  • 如何在ASP.NET Core中使用Session的示例代码

    如何在ASP.NET Core中使用Session的示例代码

    这篇文章主要介绍了如何在ASP.NET Core中使用Session的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01

最新评论