具体我们如何实现文件的异步刷新,目前网上已经有了很多文章来解决这个问题,但是会用到大量的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="/UploadFiles/2021-04-02/UploadImage.aspx">frameborder="0" border="0" frameborder="no"></iframe>
</div>
这个实现方式我已经在项目中成功的使用了,其实如果这样处理主要的难点已经不再于具体功能的实现,而在于页面的布局在多浏览器下的适应了。当然我提供的这些javascript 是满足多浏览器的。
首先一个实际的页面中往往是会有较多的内容,我们暂时把它分为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="/UploadFiles/2021-04-02/UploadImage.aspx">frameborder="0" border="0" frameborder="no"></iframe>
</div>
这个实现方式我已经在项目中成功的使用了,其实如果这样处理主要的难点已经不再于具体功能的实现,而在于页面的布局在多浏览器下的适应了。当然我提供的这些javascript 是满足多浏览器的。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“asp.net 文件上传与刷新与asp.net页面与iframe之间的数据传输”评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。