兼容IE8的文件下载，解决IE下载文本和图片直接打开问题

比眉伴天荒 2023-03-13 13:29 3阅读 0赞

function fileDown(p,id){ 
    	var surl ='systemController.do?doFile&attachmentId=' + id;
    	//IE不能直接下载txt文件
    	//创建a标签
    	var url = API_URL+p;
    	var saveName = url.split('/').pop();
    	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);
    		}
    	
    	}
    	DownLoad(url, saveName)
    }

不过最后采用的还是后端的解决方案0.0

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关兼容IE8的文件下载，解决IE下载文本和图片直接打开问题

function fileDown(p,id){ var surl ='systemController.do?doFile&attachmentId='

比眉伴天荒/ 2023年03月13日 13:29/ 0 赞/ 4 阅读

相关点击下载图片(兼容ie)

需求: 点击按钮下载图片: 解决: 1) 判断浏览器类型: myBrowser() { var userAgent = navigato

柔光的暖阳◎/ 2023年02月28日 05:44/ 0 赞/ 4 阅读

相关 IE无法直接打开

win+r —> regedit —> HKEY\_CURRENT\_USER\\Software\\Microsoft\\Internet Explorer\\Main

向右看齐/ 2022年11月18日 13:40/ 0 赞/ 210 阅读

相关兼容ie——下载base64pdf格式文件

1.URL转blob dataURLtoBlob (dataurl) { const bstr = atob(dataurl) le

痛定思痛。/ 2022年10月07日 08:58/ 0 赞/ 151 阅读

相关一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题百度源代码如下 <

你的名字/ 2022年09月21日 04:51/ 0 赞/ 306 阅读

相关 IE8兼容IE7的方法

在Head中加入 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 还有一种方法是针对整个网

﹏ヽ暗。殇╰゛Y/ 2022年07月10日 04:06/ 0 赞/ 260 阅读

相关 IE8中文件下载不兼容问题

在项目中遇到一个比较恶心的问题，项目要求兼容IE8。下载文件在chrome中一切正常可以下载，但是在IE8中就是不行。试了很多方法，在后台springMVC中也改了一大堆，还是

古城微笑少年丶/ 2022年06月17日 00:36/ 0 赞/ 200 阅读

相关 IE兼容问题解决

在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题百度源代码如下 <

叁歲伎倆/ 2022年06月06日 00:54/ 0 赞/ 322 阅读

相关 ie浏览器 ftp 直接打开下载问题

功能：直接在网页上设置ftp下载地址链接，在网页上点击时，直接下载。奇怪的现象：在ie上打开时下载不了，但是用有些浏览器（比如遨游）时，是可以下载的，而且用文件夹（ie

￡神魔★判官ぃ/ 2022年04月10日 11:52/ 0 赞/ 595 阅读

相关一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

百度源代码如下 <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.

柔光的暖阳◎/ 2021年09月10日 17:40/ 0 赞/ 416 阅读