js图片base64编码

function getBase64(file, callback) {
  const reader = new FileReader();
  reader.onload = function() {
    callback(reader.result.split(',')[1]); // 去掉data URL前缀
  };
  reader.readAsDataURL(file);
}

// 使用示例
const input = document.querySelector('input[type="file"]');
input.addEventListener('change', function(event) {
  const file = event.target.files[0];
  getBase64(file, function(base64) {
    console.log(base64); // 这里就是图片的Base64编码
  });
});

function imageToBase64(img, callback) {
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');
  canvas.width = img.width;
  canvas.height = img.height;
  ctx.drawImage(img, 0, 0);
  canvas.toDataURL('image/png', 1.0).then(function(dataUrl) {
    callback(dataUrl.split(',')[1]); // 去掉data URL前缀
  });
}

// 使用示例
const img = new Image();
img.crossOrigin = 'Anonymous'; // 处理跨域问题
img.src = 'path/to/image.png';
img.onload = function() {
  imageToBase64(img, function(base64) {
    console.log(base64); // 这里就是图片的Base64编码
  });
};