elementui上传图片获取base64编码

可以使用 FileReader 对象将图片转换为 base64 编码。具体实现步骤如下：

1. 在上传图片的 change 事件中获取上传的文件对象。

2. 创建 FileReader 对象，使用 readAsDataURL 方法将文件对象转换为 base64 编码。

3. 在 FileReader 的 onload 事件中获取转换后的 base64 编码。

以下是示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :on-change="handleChange"
    :before-upload="beforeUpload"
    :file-list="fileList"
    :limit="1"
    :show-file-list="false"
  >
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: [],
    };
  },
  methods: {
    beforeUpload(file) {
      // 只允许上传图片
      const isImage = file.type.startsWith('image/');
      if (!isImage) {
        this.$message.error('只能上传图片');
      }
      return isImage;
    },
    handleChange(file) {
      const reader = new FileReader();
      reader.readAsDataURL(file.raw);
      reader.onload = () => {
        const base64 = reader.result;
        console.log(base64);
      };
    },
  },
};
</script>