图片转换成base64怎么用如何封装

将图片转换成base64可以使用JavaScript的`FileReader`对象和`canvas`元素。以下是一个简单的示例代码，可以将选择的图片转换成base64字符串：

function convertImageToBase64(file, callback) {
  const reader = new FileReader();
  reader.onload = function(event) {
    const img = new Image();
    img.onload = function() {
      const canvas = document.createElement('canvas');
      canvas.width = img.width;
      canvas.height = img.height;
      const ctx = canvas.getContext('2d');
      ctx.drawImage(img, 0, 0);
      const dataUrl = canvas.toDataURL('image/png');
      callback(dataUrl);
    };
    img.src = event.target.result;
  };
  reader.readAsDataURL(file);
}

在上面的代码中，`convertImageToBase64`函数接受一个图片文件和一个回调函数作为参数。回调函数将在图片转换完成后调用，并传递base64字符串作为参数。要使用这个函数，只需要将选择的文件传递给它，并在回调函数中处理base64字符串。

如果你需要封装这个函数，可以将它放在一个对象或模块中，并将其导出。例如：

const ImageUtils = {
  convertImageToBase64(file, callback) {
    // 函数代码
  },
};

export default ImageUtils;

这样，你就可以在其他地方导入和使用`ImageUtils`对象，调用`convertImageToBase64`函数进行图片转换。