1、通过 URL.createObjectURL(blob)转换成blob形式:
transformByBlob(url, name) {
let that = this;
let image = new Image()
image.setAttribute('crossOrigin', 'anonymous')
image.src = url
image.onload = () => {
let canvas = document.createElement('canvas')
canvas.width = image.width
canvas.height = image.height
let ctx = canvas.getContext('2d')
ctx.drawImage(image, 0, 0, image.width, image.height)
canvas.toBlob((blob) => {
let url = URL.createObjectURL(blob)
that.download(url, name)
// 用完释放URL对象
URL.revokeObjectURL(url)
})
}
},
2.创建a标签模拟点击事件下载
download(href, name) {
let eleLink = document.createElement('a')
eleLink.download = name
eleLink.href = href
eleLink.click()
eleLink.remove()
},