https在线图片转base64

最新推荐文章于 2024-08-25 16:34:10 发布

m0_67805754

最新推荐文章于 2024-08-25 16:34:10 发布

阅读量145

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_67805754/article/details/129921667

版权

该代码段展示了一个JavaScript函数，用于将图片URL转化为Base64编码。它创建了一个canvas元素，加载图片到这个canvas上，然后使用canvas的toDataURL方法将图片转换为JPEG格式的Base64字符串。

摘要由CSDN通过智能技术生成

const imgUrl = 'https://tse1-mm.cn.bing.net/th/id/OET.69e3368a10d64e6c9d422a8cad70723b?w=272&h=272&c=7&rs=1&o=5&dpr=1.5&pid=1.9'
        imgUrlToBase64(imgUrl)
        function imgUrlToBase64() {
            const canvas = document.createElement('canvas')
            const ctx = canvas.getContext('2d')
            const img = new Image()
            img.crossOrigin = 'Anonymous'
            img.src = imgUrl
            img.onload = function () {
                canvas.height = img.height
                canvas.width = img.width
                ctx.drawImage(img, 0, 0, img.width, img.height)
                const base64Url = canvas.toDataURL('image/jpeg')
                console.log(base64Url, 'base64Url');
            }
        }