JS下载blob数据流相关

原创已于 2022-11-03 10:34:12 修改 · 487 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #开发语言

收录于

于 2022-11-03 10:24:51 首次发布

本文介绍了如何在JavaScript中处理Blob数据流。首先通过downLoadTemplate函数判断响应数据是否为Blob类型，如果是JSON则进行解析并显示消息，否则调用SaveFile函数进行文件保存。SaveFile函数利用Blob对象和创建的a标签实现文件的下载操作。

1.判断返回是否blob数据流

downLoadTemplate() {

downloadmodel(函数体).then(res => {

var _this = this

if (res.data.type.includes('application/json')) {

const reader = new FileReader()

reader.onload = function () {

const res = reader.result

const result = JSON.parse(res)

if (result.code == 0) {

_this.$message.success(result.message)

} else {

_this.$message.error(result.message)

}

}

reader.readAsText(res.data)

} else {

SaveFile(res.data,名称+后缀)

}

})

},

2.SaveFile

export const SaveFile = (data, fileName) => {

let index = fileName.lastIndexOf('.')

let ss = fileName.substr(index + 1) //文件后缀

let blob = new Blob([data])

if (window.navigator.msSaveOrOpenBlob) {

navigator.msSaveBlob(blob, fileName)

} else {

var link = document.createElement('a')

link.href = window.URL.createObjectURL(blob)

link.download = fileName

link.click()

window.URL.revokeObjectURL(link.href)

}

}