• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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>

    您可能感兴趣的文章:
    • 基于ASP.NET+easyUI框架实现图片上传功能（判断格式+即时浏览 ）
    • asp.net(c#)判断远程图片是否存在
    • ASP.NET FileUpload 上传图片实例
    • asp.net MVC实现无组件上传图片实例介绍
    • asp.net图片上传实例
    • ASP.Net 上传图片并生成高清晰缩略图
    • ASP.NET(C#)实现一次性动态上传多张图片的代码（多个文件）
    • ASp.net下fckeditor配置图片上传最简单的方法
    • asp.net上传图片保存到数据库的代码
    • ASP.net WebAPI 上传图片实例
    • asp.net UpdatePanel实现无刷新上传图片
    • asp.net图片上传生成缩略图的注意事项
    • asp.net实现上传图片时判断图片的模式GRB或CMYK的方法
    上一篇：Asp.Net获取网站截图的实例代码
    下一篇：ASP.NET动态设置页面标题的方法详解
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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