原理很简单,用a标签就行,但是有个问题。经过测试a标签地址为本地图片的时候默认直接下载,但如果是线上地址会默认进入预览状态。所以先请求图片地址,会返回本地地址,然后再用a标签
fetch('线上图片地址').then((res) => {
console.log('res', res)
const imageUrl = res.url
const a = document.createElement('a')
a.href = imageUrl
a.download = '图片'
a.target = '_blank'
a.click()
})