js图片转base64并保存

在JavaScript中，将图片转换为Base64编码并保存到变量或字符串中，通常用于跨域资源共享（CORS）受限的情况下，或者需要将图片数据直接发送到服务器。你可以使用FileReader API来实现这个功能。以下是一个简单的示例：

function imgToBase64(imgElement) {
    return new Promise((resolve, reject) => {
        const reader = new FileReader();
        reader.onload = function(e) {
            resolve(e.target.result);
        };
        reader.onerror = function() {
            reject(reader.error);
        };
        reader.readAsDataURL(imgElement);
    });
}

// 使用方法
const imageElement = document.getElementById('your-image-id'); // 替换为实际的img元素ID
imgToBase64(imageElement)
    .then(base64Data => {
        // base64Data就是图片的Base64编码
        console.log('Base64 Data:', base64Data);
        // 可以将这个字符串保存到本地，例如：
        localStorage.setItem('imageBase64', base64Data);
    })
    .catch(error => {
        console.error('Error converting image to Base64:', error);
    });