elementui图片上传转为base64字符串

在使用 Element UI 的 Upload 组件进行图片上传时，可以通过监听 on-success 事件来获取到上传成功后的响应数据。如果后端返回的是图片的 base64 编码字符串，你可以直接使用这个字符串。以下是一个简单的示例：

<template>
  <el-upload
    action="http://example.com/upload"
    :on-success="handleSuccess"
    list-type="text"
  >
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>
 
<script>
export default {
  methods: {
    handleSuccess(response, file, fileList) {
      // 假设后端返回的是图片的 base64 字符串
      const base64String = response.base64;
      console.log('图片的 base64 字符串:', base64String);
      // 你可以在这里继续使用 base64 字符串，比如将其设置到图片的 src 属性中
    }
  }
};
</script>

在这个示例中，当图片上传成功后，handleSuccess 方法会被调用，你可以在这个方法中获取到图片的 base64 字符串。这里假设的后端响应对象中有一个 base64 属性包含了图片的 base64 编码数据。如果你的后端返回的是图片的二进制数据或者图片的 URL 地址，你需要使用 JavaScript 的相关方法将其转换为 base64 字符串。