Vue下载图片的方法

注意

下面的三个方法都可以下载图片，但是只有方法三才支持同时下载多张图片

方法一

使用window进行下载

window.location.href = url

方法二

使用document的a标签进行下载

const a = document.createElement('a')
a.download = name
a.href = url
a.click()

方法三

使用document的iframe标签进行下载，晚些remove，防止没有全部下载完成

const iframe = document.createElement('iframe')
iframe.style.display = 'none'
iframe.style.height = 0
iframe.src = url
document.body.appendChild(iframe)
setTimeout(() => {
iframe.remove()
}, 5 * 60 * 1000)