使用on-change使图片转换为二进制

el-upload组件中的on-change事件会在文件状态改变时触发，可以在这个事件中将文件转换为二进制数据。

以下是一个示例代码，可以实现将图片文件转换为二进制数据并上传到后端接口：

<template>
  <el-upload
    action="/upload"
    :on-change="handleChange"
    :on-success="onSuccess"
  >
    <el-button>上传图片</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleChange(file) {
      const reader = new FileReader();
      reader.readAsDataURL(file.raw);
      reader.onload = () => {
        const binaryStr = atob(reader.result.split(',')[1]);
        const binaryData = new Uint8Array(binaryStr.length);
        for (let i = 0; i < binaryStr.length; i++) {
          binaryData[i] = binaryStr.charCodeAt(i);
        }
        file.binaryData = binaryData;
      };
    },
    onSuccess(response, file) {
      // 处理上传成功后的操作，包括获取binaryData并上传到后端接口
      const binaryData = file.binaryData;
      // 上传binaryData到后端接口
    }
  }
};
</script>

上面代码中，我们通过on-change事件获取文件对象，并使用FileReader对象将文件转换为DataURL，然后将DataURL转换为二进制数据并将其添加到文件对象中。

在上传成功后，我们可以在onSuccess函数中获取文件对象，并从中获取binaryData并上传到后端接口。