日常业务中会出现文件下载的需求,但是我们在下载图片,等浏览器能识别的文件时,不是下载而是在网页打开,即使在a链接中添加download属性也是不行的。经过实践,下面的方法可以解决
click: (el) => {
/* console.log(el, 'el') */
let alink = document.createElement('a')
fetch(row.url, { responseType: 'blob' }).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址
alink.href = URL.createObjectURL(blob)
console.log(alink.href)
alink.download = ''
document.body.appendChild(alink)
alink.click()
})
}