el-upload 获取文件formdata

要使用el-upload组件获取文件的FormData，你可以通过配置`before-upload`属性来实现。以下是一个示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/your-upload-url"
    :before-upload="handleBeforeUpload"
    :on-success="handleUploadSuccess"
    :on-error="handleUploadError"
  >
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleBeforeUpload(file) {
      const formData = new FormData();
      formData.append('file', file);
      // 这里可以添加其他的表单字段，例如：
      // formData.append('name', 'John Doe');
      // formData.append('age', 30);
      return formData;
    },
    handleUploadSuccess(response) {
      console.log(response);
      // 处理上传成功的逻辑
    },
    handleUploadError(error) {
      console.error(error);
      // 处理上传失败的逻辑
    }
  }
}
</script>

在`handleBeforeUpload`方法中，我们创建了一个新的FormData对象，并使用`append`方法将文件添加到其中。如果你还需要上传其他表单字段，可以继续使用`append`方法添加。

注意，`before-upload`方法需要返回一个FormData对象，它将被用于实际的文件上传请求。在这个示例中，上传请求将发送到`/your-upload-url`。你需要将其替换为你自己的上传URL。

当文件上传成功时，`handleUploadSuccess`方法将被调用，并传递响应数据作为参数。类似地，如果上传失败，`handleUploadError`方法将被调用，并传递错误对象作为参数。你可以根据需要在这些方法中编写逻辑来处理上传结果。