文件流下载
// 请求图片接口时加上responseType: 'blob'
async downImg() {
const res = await test() // 请求接口
let blob = new Blob([res.data]);
let objectUrl = URL.createObjectURL(blob)
let aLink = document.createElement('a');
aLink.href = objectUrl;
aLink.download = Date.now() + '.jpg'
document.body.appendChild(aLink)
let event = new MouseEvent('click')
aLink.dispatchEvent(event)
document.body.removeChild(aLink)
}
根据url下载
async downImg() {
let url = "填写图片地址"
fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址
const aLink = document.createElement('a')
aLink.href = URL.createObjectURL(blob)
// 文件名字
aLink.download = Date.now() + ".jpg"
document.body.appendChild(aLink)
aLink.click()
aLink.remove();
})
}