/**
* 下载服务器上文件的方法
* @param {String} stream 数据流
* @param {String} name 文件名称
* @param {String} suffix 文件后缀名
*/
export function fileDownload(stream, name, suffix = '.xls') {
if (stream && name) {
const blob = new Blob([stream], {
type: 'application/vnd.ms-excel;charset=utf-8'
})
const reader = new FileReader()
reader.readAsDataURL(blob)
reader.onload = () => {
// console.log(reader.result);
const url = reader.result
// IE10+ 浏览器特殊处理
if (navigator.msSaveBlob) {
navigator.msSaveBlob(blob, name)
} else {
let a = document.createElement('a')
a.href = url
a.download = `${name + suffix}`
a.click()
}
}
}
}
后续
- 上述函数不知什么原因在内网的谷歌浏览器上竟然下载下来的文件不带后缀,所以改成了下面这样的写法(原来是需要加后缀名
.xls
的缘故 ) ``` /**- 下载服务器上文件的方法
- @param {String} stream 数据流
- @param {String} name 文件名称
*/
export function fileDownload(stream, name) {
if (stream && name) {
let blob = new Blob([stream], {
type: ‘application/vnd.ms-excel’
})
// IE10+ 浏览器特殊处理
if (navigator.msSaveBlob) {
navigator.msSaveBlob(blob, name)
} else {
let elink = document.createElement(‘a’)
elink.href = URL.createObjectURL(blob)
elink.download =
${name}.xls
document.body.appendChild(elink) elink.click() URL.revokeObjectURL(elink.href) // 释放URL 对象 document.body.removeChild(elink) } } }
```