Blob格式转json格式，拿到后端返回的json数据
在进行文件下载的时候，我们通过blob，进行下载文件，需要axios设置responseType
responseType: 'blob',
axios({
...xxx,
responseType: 'blob',
}).then(res => {
if (!res || !res.headers['content-disposition']) {
if (res && res.status === 200 && res.data) {
//转换步骤
const file = new FileReader();
file.readAsText(res.data, 'utf-8');
file.onload = function () {
const obj = JSON.parse(file.result);
console.log(obj, 'obj')
if (obj.code === '10000') {
message.error(obj.message || '下载失败！')
}
return obj;//此时message为转化好的json格式
}
return false
} else {
message.error(res.message || '下载失败！')
return
}
}
if (res && res.status === 200 && res.data) {
const {
data, headers } = res
let fileName
if (headers['content-disposition']) {
fileName = headers['content-disposition'].replace(/\w+;filename=(.*)/, '$1')
} else {
fileName = data.fileName
}
// 此处当返回json文件时需要先对data进行JSON.stringify处理，其他类型文件不用做处理
const blob = new Blob([data], {
type: headers['content-type'] })
const dom = document.createElement('a')
const downUrl = window.URL.createObjectURL(blob)
dom.href = downUrl
dom.download = decodeURIComponent(fileName)
dom.style.display = 'none'
document.body.appendChild(dom)
dom.click()
dom.parentNode.removeChild(dom)
window.URL.revokeObjectURL(url)
return res
}
message.error(res.message || '下载失败！')
})
.catch(err => {
// error(err || '下载失败！')
console.log('下载失败')
})
但是有时候文件过大或者其他原因，后端不让我们下载，会直接返回json，这就恶心，明明要接受blob，又给我个json,
所以就需要进行判断然后转换blob，然后提醒：
正常情况下：
非正常情况：
我们需要接收到后转成json：
//转换步骤
const file = new FileReader();
file.readAsText(res.data, 'utf-8');
file.onload = function () {
const obj = JSON.parse(file.result);
console.log(obj, 'obj')
if (obj.code === '10000') {
message.error(obj.message || '下载失败！')
}
return obj;//此时message为转化好的json格式
}
file.onload方法会自动执行，所以直接在这个里面增加提醒就行。嗯，就这样。
