使用element上传图片，将图片转为base64

码，该怎么实现呢？

要将图片转为base64码，可以通过以下步骤实现：

1. 使用element-ui的上传组件上传图片。

2. 在上传成功的回调函数中，获取到上传成功的图片文件对象。

3. 使用FileReader对象将图片文件对象转换成base64编码。

4. 将转换后的base64编码赋值给一个变量，即可在需要的地方使用。

下面是示例代码：

<template>
  <el-upload
    class="avatar-uploader"
    action="/api/upload"
    :show-file-list="false"
    :on-success="handleUploadSuccess"
    :before-upload="beforeUpload"
  >
    <img v-if="imageUrl" :src="imageUrl" class="avatar">
    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
  </el-upload>
</template>

<script>
  export default {
    data() {
      return {
        imageUrl: '',
        imageBase64: ''
      }
    },
    methods: {
      handleUploadSuccess(response, file) {
        // 上传成功的回调函数
        this.imageUrl = URL.createObjectURL(file.raw)
        // 使用FileReader对象将图片文件转换成base64编码
        let reader = new FileReader()
        reader.onload = (e) => {
          this.imageBase64 = e.target.result
        }
        reader.readAsDataURL(file.raw)
      },
      beforeUpload(file) {
        // 返回false阻止上传，返回true或者Promise.resolve则允许上传
        const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'
        if (!isJpgOrPng) {
          this.$message.error('上传头像图片只能是 JPG 格式或 PNG 格式!')
          return false
        }
        const isLt2M = file.size / 1024 / 1024 < 2
        if (!isLt2M) {
          this.$message.error('上传头像图片大小不能超过 2MB!')
          return false
        }
        return true
      }
    }
  }
</script>

注意：这只是一个示例代码，实际使用时需要根据自己的需求进行修改和完善。