asp.net 文件上传与刷新与asp.net页面与iframe之间的数据传输

 更新时间:2009年12月15日 21:46:42   转载 作者:  
众所周知微软所提供的updatepanel不能支持文件上传的异步刷新,但是往往当你在项目中的其他页面实现了异步刷新之后,客户就会问你为什么有文件上传的页面就不能实现异步刷新呢?这时我们可能说一堆理由,但是最后大部分还是会妥协于客户。
具体我们如何实现文件的异步刷新,目前网上已经有了很多文章来解决这个问题,但是会用到大量的javascript,由于本人编码功力尚浅,所以之今没有高清其中的所以然,但是在解决的方案中他们貌似都用到了iframe,这让我茅塞顿开,所以我就说说用这个处理刷新的思路。

首先一个实际的页面中往往是会有较多的内容,我们暂时把它分为A,B两个区域,A区域是内容区域,我们可以用updatepanel来实现异步刷新,B区域是上传区域,我们用div已经ifame占位,其中上传的具体功能实现我们可以放到C页面中,这样当点击按钮刷新B区域的时候,我们可以向C页面传值来更新里面的内容,同样当我们点击按钮删除或者保存内容时,也可以获取C页面中的内容,这样就基本上满足了无刷新的感觉。


其实这种方式并不能称之为异步刷新,因为我们只是用iframe来实现页面的局部刷新从而满足一种无刷新的感觉而已。


如果这样处理的话,asp.net页面与iframe之间的传值就会成为另一个问题,其实这个问题如果你知道,就会比较简单,但是不知道的话,就有点无从下手。
网上可能也提供了很多方案处理传值,我使用的是使用javascript来获取控件从而取到他里面所包含的值。


这个是获取iframe f1,以及页面C中的 img控件
var objFrame = document.getElementById("f1");
var objPicture = objFrame.contentWindow.document.getElementById("imgPicture");

当然你也可以在页面C中去获取父页面的控件,从而获取值
var objHid = this.parent.document.getElementById("")


这个是包含ifrmae的div
<div id="iconpicture">
<iframe id="f1" style="width: 300px; height: 300px" src="UploadImage.aspx" scrolling="no"
frameborder="0" border="0" frameborder="no"></iframe>
</div>


这个实现方式我已经在项目中成功的使用了,其实如果这样处理主要的难点已经不再于具体功能的实现,而在于页面的布局在多浏览器下的适应了。当然我提供的这些javascript 是满足多浏览器的。

相关文章

  • .NET简单工厂模式讲解

    .NET简单工厂模式讲解

    这篇文章主要为大家详细介绍了ASP.NET简单工厂模式的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Winform控件SaveFileDialog用于保存文件

    Winform控件SaveFileDialog用于保存文件

    这篇文章主要为大家详细介绍了Winform SaveFileDialog保存文件对话框的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • HttpWebRequest的常见错误使用TcpClient可避免

    HttpWebRequest的常见错误使用TcpClient可避免

    有时使用HttpWebRequest对象会出现错误有三种服务器提交了协议冲突/基础连接已经关闭:连接被意外关闭/无法发送具有此谓词类型的内容正文,感兴趣的朋友可以参考下本文
    2013-02-02
  • asp.net操作过程中常见错误的解决方法

    asp.net操作过程中常见错误的解决方法

    这篇文章主要介绍了asp.net操作过程中常见错误的解决方法,主要有IIS无法识别ASP.NET、 SQL Server不允许进行远程连接可能会导致此失败等问题,感兴趣的小伙伴们可以参考一下
    2015-10-10
  • ASP.NET MVC API 接口验证的示例代码

    ASP.NET MVC API 接口验证的示例代码

    本篇文章主要介绍了ASP.NET MVC API 接口验证的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • ASP.NET第一次访问慢的完美解决方案(MVC,Web Api)

    ASP.NET第一次访问慢的完美解决方案(MVC,Web Api)

    这篇文章主要给大家介绍了关于ASP.NET第一次访问慢的完美解决方案(MVC,Web Api)的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ASP.NET具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • ASP.NET 文件断点续传实现代码

    ASP.NET 文件断点续传实现代码

    在文件下载的时候,使用断点续传可以将上次未下载完成的文件继续下载,该功能在开发文件下载的时候非常重要。这里我将介绍一种比较简单的断点续传功能的实现方法,仅供初学者参考使用
    2012-06-06
  • visual studio 2019使用net core3.0创建winform无法使用窗体设计器

    visual studio 2019使用net core3.0创建winform无法使用窗体设计

    这篇文章主要介绍了visual studio 2019使用net core3.0创建winform无法使用窗体设计器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • .NET 数据库连接池

    .NET 数据库连接池

    如果您通过使用另一个 Execute 方法(例如,ExecuteScalar、ExecuteNonQuery 和 ExecuteXMLReader)执行查询
    2008-12-12
  • ASP.NET MVC4使用MongoDB制作相册管理

    ASP.NET MVC4使用MongoDB制作相册管理

    这篇文章主要介绍了ASP.NET MVC4使用MongoDB制作相册管理的相关资料,感兴趣的小伙伴们可以参考一下
    2016-07-07

最新评论