IE浏览器a标签无法下载问题解决（IE浏览器a标签download属性不兼容问题解决）

//下载文件流函数，只支持get方法。 export function downBlob(payload) {
return new Promise(((resolve, reject) => { // 获取时间戳 let timestamp=new Date().getTime(); // 获取XMLHttpRequest let xmlResquest = new XMLHttpRequest(); // 发起请求 xmlResquest.open("GET", payload.url +"?"+ (payload.param), true); // 设置请求头类型 xmlResquest.setRequestHeader("Content-type", "application/json");
//返回类型为文件流 xmlResquest.responseType = "blob"; // 返回 xmlResquest.onload = function(oEvent) { let content = xmlResquest.response;
//请求失败 if(xmlResquest.status === 404){ message.error("文件不存在，请稍后再试"); return; }
//请求失败 if(xmlResquest.status != 200){ message.error("网络错误，请稍后再试"); return; } // let reader = new FileReader(); reader.onload = function(event){ //json成功表示服务器报错，将错误信息提示出来 try { let result = JSON.parse(reader.result); message.error(result.errorMsg) reject(result); }catch (e) { //json化失败，表示是一个文件流，将文件流下载下来 // 组装a标签

if('msSaveOrOpenBlob' in navigator){

window.navigator.msSaveOrOpenBlob(blob, fileName);

return;

}

let elink = document.createElement("a"); // 设置下载文件名 elink.download = payload.fileName || timestamp + ".xlsx"; elink.style.display = "none"; let blob = new Blob([content]); elink.href = URL.createObjectURL(blob); document.body.appendChild(elink); elink.click(); document.body.removeChild(elink); resolve(); } }; reader.readAsText(content); }; xmlResquest.send(); }));

} 或者


//文件地址
var url = '../aaa/bbb/模板.xlsx';
    var xhr = new XMLHttpRequest();
    xhr.open('get', url, true); 
    xhr.responseType = "blob"; // 返回类型blob
    // 定义请求完成的处理函数，请求前也可以增加加载框/禁用下载按钮逻辑
    xhr.onload = function() {
        // 请求完成
        if(this.status === 200) {
            // 返回200
        var blob = this.response;
        var href = window.URL.createObjectURL(blob); //创建下载的链接
//判断是否是IE浏览器，是的话返回true
        if (window.navigator.msSaveBlob) {
          try {
            window.navigator.msSaveBlob(blob, '模板.xlsx')
          } catch (e) {
            console.log(e);
          }
        } else {
          // 谷歌浏览器 创建a标签 添加download属性下载
          var downloadElement = document.createElement('a');
          downloadElement.href = href;
          downloadElement.target = '_blank';
          downloadElement.download = '模板.xlsx'; //下载后文件名
          document.body.appendChild(downloadElement);
          downloadElement.click(); //点击下载
          document.body.removeChild(downloadElement); //下载完成移除元素
          window.URL.revokeObjectURL(href); //释放掉blob对象
        }
            }
        }
    // 发送ajax请求
    xhr.send()

浏览器的兼容问题

IE浏览器a标签无法下载问题解决（IE浏览器a标签download属性不兼容问题解决）

相关

标签