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

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

如何知道iframe文件下载download完成 author: @TiffanysBear 问题 当使用iframe作为文件下载的载体时,如何知道文件已经下载完毕。...现有的iframe的onLoad方法具有兼容性问题,在chrome、IE下无法监听onLoad事件监听文件下载完毕,因为onLoad事件本身也是对iframe中的html结构的加载进度监听。...Content-disposition其实可以控制用户请求所得的内容存为一个文件的时候提供一个默认的文件名,文件直接在浏览器上显示或者在访问时弹出文件下载对话框。...Content-Disposition为属性名disposition-type是以什么方式下载,如attachment为以附件方式下载disposition-parm为默认保存时的文件名服务端向客户端游览器发送文件时...opera和firefox里面好好的没问题,在IE下面就是不行 解决思路一:利用cookie 后端将文件下载进度放在cookie中,通过轮询cookie的方式,对文件下载进度进行获取,判断文件是否已经下载完毕

9.1K40

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

另一块是前端实现文件下载功能,虽然方法很多,为了不用重复造轮子,在此还是总结一波,毕竟多页面下的应用场景还是很多的。...文章摘要 实现页面之间通信的方法 实现父子页面和子页面与子页面之间通信的方法 前端实现文件下载功能 由于本文介绍的主要还是基于javascript,不涉及任何框架方面的问题(如果想研究vue,react...4.前端实现文件下载功能 对于下载文件来说,大部分场景都是后端来实现,前端只需要请求接口就好了,但是有时候这种方式反而会占用多余的资源和带宽,如果需要下载的是用户自己生成的内容或者内容已经返回到客户端了...一般来说前端实现的思路就是通过动态创建a标签,设置其download属性,最后删除a就好了,对于不是图片的文件一般都可以下载,但是如果是图片,有些浏览器会自动打开图片,所以我们需要手动把它转化为data...,这样,我们就能优雅的使用它来实现下载了。

1.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    iframe 解析

    1、iframe能解决的问题 (1)、通过iframe能实现跨域 (2)、使用iframe能解决IE6下select遮挡不住的问题 (3)、通过iframe能解决Ajax前进后退的问题 (4)、通过iframe...实现异步上传(Easyui的form组件就是通过iframe,实现表单提交时,可以提交上传域) 2、iframe 概要及注意事项 iframe会创建包含另一个文档框架的内联框架(即行内框架) 在 HTML...提示:您可以把需要的文本放置在 iframe> 和 iframe> 之间,这样就可以应对无法理解 iframe 的浏览器。...iframe width=420 height=330 frameborder=0 scrolling=auto src="URL">iframe> 3、iframe的基本属性 ? ? ?...4、iframe访问方式 (1)、iframe访问方式大致有两种,大致如下: i、contentWindow属性,通过iframe元素的这个属性,可获取子窗口的window对象,该属性兼容各个浏览器 ii

    2.4K100

    iframe参数

    ”>iframe> SRC=URI 嵌入式柜架的页面文件路径 NAME=CDATA 嵌入式柜架的名字 LONGDESC=URI 描写叙述 WIDTH=Length 宽度 HEIGHT.../iframe> src:文件的路径,既但是HTML文件,也能够是文本、ASP等; width、height:”内部框架”区域的宽与高; scrolling:当SRC的指定的HTML文件在指定的区域不显不完时.../iframe> 指定iframe调用的文件或图片(html,htm,gif,jpeg,jpg,png,txt,*.*) 注意事项: 一个浮动框架不须要通过元素声明为框架设置的一部分...---- 浮动帧标记Iframe的属性: 1、文件位置: 语法:src=url 说明:url为嵌入的HTML文件的位置,能够是相对地址。也能够是绝对地址。...演示样例:iframe src=”iframe.html” align=left> iframe src=”iframe.html” align=right> iframe

    4.6K10

    Javaweb| 文件下载

    Javaweb|文件下载 学习web的同学,都知道掌握文件的上传与下载是非常重要的一步。也都习惯了先学习如何上传文件,再进一步了解如何下载文件。...但今天我们反其道而行之,就先来看看如何在网页中实现下载文件。点击下载按钮,就可以把对应资源下载下来。 该方法未进行安全防护与验证,限于新手入门学习掌握。...文件的上传尝试过很多种,原生的,基于框架的,自己封装的,后面一一分享。今天就先来看看如何实现下载,在我看来,下载是比较简单的。 首先:你要知道你的文件保存在服务器的位置。...fileurl=0-material.zip"> 下载 fileurl的值是要下载的文件的名字,有了数据库,可以设置成可变的。...outputStream.close(); }else{ return; } } } 使用文件流的方式将文件下载到本地

    1.8K30
    领券