读取el-upload所选文件

当你使用Element UI的`el-upload`组件时，你可以通过它的API轻松地读取用户选择的文件。首先，你需要在组件模板上设置`on-change`或`on-success`事件，这些事件会在上传完成后提供文件信息。

这是一个基本的例子：

<template>
  <el-upload
    ref="upload"
    :action="uploadUrl"
    :on-change="handleChange"
    :file-list="fileList"
  >
    <i class="el-icon-plus"></i> Click to Upload
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: [], // 存储已上传文件的列表
      uploadUrl: 'your-url-to-upload', // 你的上传接口URL
    };
  },
  methods: {
    handleChange(file) {
      if (file.status === 'success') { // 检查是否上传成功
        const fileContent = file.response; // 这里通常返回的是服务器对文件的操作结果，如果只是文件本身，可能是file.url（指向文件）
        // 解析fileContent获取到文件数据，比如用FileReader API读取二进制内容
        const reader = new FileReader();
        reader.onload = function(e) {
          const content = e.target.result;
          console.log('File Content:', content);
        };
        reader.readAsDataURL(fileContent); // 或者其他你需要的方式读取文件
      }
    },
  },
};
</script>

在这个例子中，`handleChange`方法在用户选择并上传文件后被调用。`file`参数包含了文件的信息，你可以从中读取到文件的内容，然后进行后续操作。

如果你需要直接读取文件流，可能需要处理更复杂的场景，例如使用axios配合stream插件。