前端jpg转base64

可以使用FileReader对象将本地的jpg图片转换为base64编码。以下是一个基本的示例：

// 选择input[type="file"]元素
const input = document.querySelector('input[type="file"]');

// 监听change事件
input.addEventListener('change', () => {
  // 获取文件对象
  const file = input.files[0];
  
  // 创建FileReader对象
  const reader = new FileReader();

  // 读取文件内容
  reader.readAsDataURL(file);

  // 监听load事件，将base64编码输出到控制台
  reader.addEventListener('load', () => {
    console.log(reader.result);
  });
});

在上面的示例中，我们首先选择了一个`<input type="file">`元素，并监听了它的`change`事件。当用户选择了一个文件后，我们获取该文件对象并创建一个`FileReader`对象。接着，我们使用`readAsDataURL()`方法读取文件内容，并在`load`事件中将base64编码输出到控制台。

注意，由于安全原因，浏览器无法直接访问本地文件系统中的文件。因此，我们需要让用户选择文件并将其上传到服务器，然后再将其转换为base64编码。