图片转成base64

philips

图片转成base64

关于更多日常使用的公共类的操作方法,可以关注下小滑轮网站 http://www.feiaci.com/#/self/...

/**
 * 蒋图片转成base64
 * width、height调用时传入具体像素值,控制大小 ,不传则默认图像大小
 * 可以会有跨域问题,建议是同源
 * @param imgSrc 图片地址
 * @param width 
 * @param height
 * @returns {string}
 */
function getBase64Image(imgSrc, width, height) {
    return new Promise((resolve) => {
        const newImg = new Image();
        newImg.setAttribute('crossOrigin', 'anonymous');
        newImg.src = imgSrc;
        const canvas = document.createElement('canvas');
        canvas.width = width || img.width;
        canvas.height = height || img.height;
        const ctx = canvas.getContext('2d');
        newImg.onload = function () {
            ctx.drawImage(newImg, 0, 0, canvas.width, canvas.height);
            const dataURL = canvas.toDataURL('image/png', 1);
            resolve(dataURL);
        };
    });
}
阅读 485

前端
前端技术的感想,总结,笔记

前端程序员

699 声望
171 粉丝
0 条评论
你知道吗?

前端程序员

699 声望
171 粉丝
宣传栏