模拟下载跨域图片

最新推荐文章于 2022-07-01 15:11:53 发布

qq_34663484

最新推荐文章于 2022-07-01 15:11:53 发布

阅读量641

点赞数

本文链接：https://blog.csdn.net/qq_34663484/article/details/106106465

版权

被下载的图片，需要设置 'Access-Control-Allow-Origin` 为安全域

function downloadImg(src){
const canvas = document.createElement('canvas')
const ctx = canvas.getContext('2d')
const image = new Image()
image.setAttribute('crossorigin', 'anonymous')
image.onload = function() {
  ctx.drawImage(image, 0, 0)
  console.log(canvas.toDataURL())
  canvas.toBlob(blob => {
    const link = document.createElement('a')
    link.href = window.URL.createObjectURL(blob)
    link.download = '附件'
    link.click()
  })
}
image.src = src
}