兼容ie8的前端下载方法
时间:2019-03-28
本文章向大家介绍兼容ie8的前端下载方法,主要包括兼容ie8的前端下载方法使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
背景:在xp系统上 ie8浏览器的下载需求,后端返回资源路径.
方法:谷歌下采用aDown下载,ie采用window.open 触发下载,如果不能自动自动下载,采用execCommand("SaveAs")进行文件保存做下载(ps:保存无法在下载列表中查看),当禁用window.open时采用iframe进行下载(ps:此方法注意跨域);
完整代码如下,如发现bug及漏洞,请多交流.
var DownLoad = function (url, name) { if (!!window.ActiveXObject || "ActiveXObject" in window) { //ie var oPow = window.open(url, "", "width = 1, height = 1, top = 5000, left = 5000 "); var isOpen = true; //判断window.open是否被禁用 try { if (oPow == null) { isOpen = false } } catch (err) { isOpen = false } if (isOpen) { //没禁用window.open采用window.open下载 while (oPow.document.readyState !== "complete") { if (oPow.document.readyState === "complete") break; } oPow.document.execCommand("SaveAs", true, name); oPow.close(); } else { //禁用了window.open采用iframe下载 var oIrame = document.createElement('iframe'); oIrame.style.width = "0px"; oIrame.style.height = "0px"; oIrame.style.opacity = 1; document.body.appendChild(oIrame) oIrame.src = url; var IfDoc = oIrame.contentDocument || oIrame.document; oIrame.onreadystatechange = function () { // IE下的节点都有onreadystatechange这个事件 if (oIrame.readyState == "complete") { // oIrame.execCommand("SaveAs", true, name) document.body.removeChild(oIrame) } }; } } else { if (typeof url == 'object' && url instanceof Blob) { url = URL.createObjectURL(url); // 创建blob地址 } var aLink = document.createElement('a'); aLink.href = url; aLink.download = name || ''; // HTML5新增的属性,指定保存文件名,可以不要后缀,注意,file:///模式下不会生效 var event; if (window.MouseEvent) { event = new MouseEvent('click'); } else { if (document.createEvent) { event = document.createEvent('MouseEvents'); event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); } } aLink.dispatchEvent(event); } }
- Java构造方法与析构方法实例剖析
- 5.训练模型之利用训练的模型识别物体
- KMP算法学习(详解)
- 查找算法的实现(C/C++实现)
- HDU 1495 非常可乐(数论,BFS)
- Selenium2+python自动化74-jquery定位
- 用php实现简单的自制计算器
- Selenium2+python自动化75-Chrome配置加载
- Selenium2+python自动化75-非input文件上传(SendKeys)
- python接口自动化11-post传data参数案例
- POJ 1321 棋盘问题(DFS板子题,简单搜索练习)
- python接口自动化12-案例分析(csrfToken)
- Python基础学习笔记
- POJ 3278 Catch That Cow(BFS,板子题)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- python scipy.stats计算单样本假设检验(1 sample test)
- python scipy.stats计算双独立样本假设检验(2 sample independent test)
- 深入理解JS的事件循环
- C语言必背的18个经典程序。
- 打卡群刷题总结0811——从中序与后序遍历序列构造二叉树
- Docker服务开放了这个端口,服务器分分钟变肉机!
- Oracle私网mtu滚动修改实施方案
- 因为两行代码,我差点被祭天......
- Web 云开发训练营总结 - 初阶
- 解密C语言编译背后的过程
- 知识卡片 反向传播中的梯度
- 网罗收集10046的各种Case,方便trace信息的收集 | Oracle官方博客转载
- 目标检测算法YOLO-V3结构详解
- 使用OPCache提升PHP的性能
- 克隆图