首页
学习
活动
专区
工具
TVP
发布

如何知道iframe文件下载download完成

如何知道iframe文件下载download完成 author: @TiffanysBear 问题 当使用iframe作为文件下载的载体时,如何知道文件已经下载完毕。...现有的iframe的onLoad方法具有兼容性问题,在chrome、IE下无法监听onLoad事件监听文件下载完毕,因为onLoad事件本身也是对iframe中的html结构的加载进度监听。...var url = 'http://www.example.com/file.zip'; var iframe = document.createElement('iframe'); iframe.src...Content-Disposition为属性名disposition-type是以什么方式下载,如attachment为以附件方式下载disposition-parm为默认保存时的文件名服务端向客户端游览器发送文件时...opera和firefox里面好好的没问题,在IE下面就是不行 解决思路一:利用cookie 后端将文件下载进度放在cookie中,通过轮询cookie的方式,对文件下载进度进行获取,判断文件是否已经下载完毕

8.3K40
您找到你想要的搜索结果了吗?
是的
没有找到

前端复盘: iframe跨页通信和前端实现文件下载

另一块是前端实现文件下载功能,虽然方法很多,为了不用重复造轮子,在此还是总结一波,毕竟多页面下的应用场景还是很多的。...效果如下: 2.实现父子页面和子页面与子页面之间通信的方法 父子页面这里主要针对iframe而言,即iframe和父页面以及iframe页面之间的通信。...iframe内部的方法和dom元素,进而可以操控iframe页面 首先我们来看看父页面操控子页面的场景:父页面A调用子页面的方法传递一条数据,并并显示在子页面中: // 父页面 window.onload...4.前端实现文件下载功能 对于下载文件来说,大部分场景都是后端来实现,前端只需要请求接口就好了,但是有时候这种方式反而会占用多余的资源和带宽,如果需要下载的是用户自己生成的内容或者内容已经返回到客户端了...,这时候能不经过服务端而直接生成下载任务,能节省不少的资源和时间开销。

1.2K30

iframe跨域应用 - 使用iframe提交表单数据

之前我们提到了iframe跨域,今天我们在原有的基础之上进行“实例”的讲解。通过iframe跨域实现表单数据的提交。...如果想了解iframe跨域,可以发送“iframe跨域”到“HTML5学堂”公众号。 为何提交数据还要跨域?...但是作为用户的我们,也尽可能的避免掉一些问题吧~ iframe提交表单数据 说完了前面的需要了解的东西,我们进入iframe的实例操作吧~!...实现流程,在A域中的a.html创建iframe标签,iframe标签的内容是B域中的b.html,之后通过a.html控制b.html去申请B域中的addUser.php文件 功能实现的基本流程 1...function(data) { console.log(data); } }); }); }); PS:关于MD5.js,如果需要下载请前往

5.1K50

js获取iframe中的内容(iframe内嵌页面)

js 如何获取包含自己iframe 属性 a.html 如何在b.html里获取包含他的iframe的id 在父页面中定义函数,再到子页面中调用。...iframe for(i=0;i js怎样获取iframe,src中的参数 如何获取iframe里的src里面的属性 js如何修改iframe 中元素的属性 iframe 属性 及用法越详细越好 。。...在线等 iframe元素的功能是在一个html内嵌一个文档,创建一个浮动的郑iframe可以嵌在网页中的任意部分 name:内嵌帧名称 width:内嵌帧宽度(可用像素值或百分比) height:内嵌帧高度...(可用像素值或百分比) frameborder:内嵌帧边框 marginwidth:帧内文 jQuery怎么给iframe的src赋值 给iframe src赋值,代码如下: 特别注意: 1.上述jquery...代码不能缺少 $(document).ready(); ,否则iframe src赋值失败。

23.9K50
领券