js 文件下载兼容ie

最新推荐文章于 2022-02-10 13:54:22 发布

weixin_30278311

最新推荐文章于 2022-02-10 13:54:22 发布

阅读量856

点赞数

CC 4.0 BY-SA版权

文章标签：前端后端 ViewUI

原文链接：http://www.cnblogs.com/baikouLoser/p/10869502.html

前置条件：后台接口返回二进制流文件

一、设置前端请求的的

responseType: 'blob'

二、接收请求数据并调用下载

var content = res.data // 接口返回的二进制流
var filename = fileName.xls // 文件名，根据需要更改
var blob = new Blob([content], {type: 'application/vnd.ms-excel'}) // 转化为blob对象
if (window.navigator.msSaveOrOpenBlob) { // IE
   navigator.msSaveBlob(blob, filename)
} else {
  var aTag = document.createElement('a')
  aTag.download = filename
  aTag.href = URL.createObjectURL(blob)
  aTag.click()
  URL.revokeObjectURL(blob)
}

var blob = new Blob([content], {type: 'application/vnd.ms-excel'})
if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, filename)
} else {
var aTag = document.createElement('a')
aTag.download = filename
aTag.href = URL.createObjectURL(blob)
aTag.click()
URL.revokeObjectURL(blob)
}