线上图片下载及修改名称

最新推荐文章于 2024-05-18 22:08:03 发布

没有昵称的昵称lf

最新推荐文章于 2024-05-18 22:08:03 发布

阅读量116

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/m0_48308579/article/details/128568218

版权

templateExport(imgSrc, name) {
      const image = new Image()
      // 解决跨域Canvas 污染问题
      image.setAttribute('crossOrigin', 'anonymous')
      image.src = imgSrc
      image.onload = () => {
        const canvas = document.createElement('canvas')
        canvas.width = image.width
        canvas.height = image.height
        const context = canvas.getContext('2d')
        context.drawImage(image, 0, 0, image.width, image.height)
        canvas.toBlob((blob) => {
          const url = URL.createObjectURL(blob)
          const a = document.createElement('a')
          a.download = name || 'photo'
          a.href = url
          a.click()
          a.remove()
          URL.revokeObjectURL(url)
        })
      }
    }