js 图片url转base64

在JavaScript中，将图片URL转换为Base64编码通常是为了在不需要服务器交互的情况下直接在前端展示图片，例如在`<img>`标签的`src`属性中。你可以使用浏览器的内置函数来实现这个转换。下面是一个简单的示例：

function urlToBase64(url) {
    return new Promise((resolve, reject) => {
        const img = new Image();
        img.onload = function() {
            const canvas = document.createElement('canvas');
            canvas.width = this.width;
            canvas.height = this.height;
            const ctx = canvas.getContext('2d');
            ctx.drawImage(this, 0, 0);
            const dataUrl = canvas.toDataURL('image/jpeg'); // 或者 'image/png' 根据需要
            resolve(dataUrl.replace(/^data:image\/.*,/, ""));
        };
        img.onerror = reject;
        img.src = url;
    });
}

// 使用示例
urlToBase64('https://example.com/image.jpg')
    .then(base64Data => console.log('Base64数据:', base64Data))
    .catch(error => console.error('转换失败:', error));