element上传文件接口传参

在前端开发中，尤其是使用Element UI库的时候，如果你需要实现文件上传功能，通常会通过`el-upload`组件来处理。这个组件的API接收几个关键参数：

1. `action` (必填)：这是上传文件的URL地址，服务器端用于接收并处理上传的数据。

2. `on-change` 或 `on-preview`：这两个都是事件处理器，`on-change`会在用户选择文件后触发，而`on-preview`则在预览文件时触发。

3. `before-upload`：这是一个钩子函数，可以在上传前做一些验证或操作，例如检查文件大小、类型等。

4. `data`：这是一个对象，可以包含额外的自定义数据随请求一起发送到服务器。

5. `file-list`：一个数组，存储已经选中的文件信息，可用于展示文件列表。

6. `http-request`：如果需要自定义HTTP请求配置，如设置headers或上传进度等，可以提供一个函数返回Promise。

例子如下：

<template>
  <el-upload
    :action="uploadUrl"
    :on-change="handleChange"
    :before-upload="beforeUpload"
    :data="uploadData"
    list-type="text"
  >
    <i class="el-icon-upload"></i> Click to choose file
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      uploadUrl: 'your-server-url',
      uploadData: {},
    };
  },
  methods: {
    handleChange(file) {
      console.log('Selected file:', file);
    },
    beforeUpload(file) {
      // Perform some custom validation here
      if (file.size > 1024 * 1024 * 5) { // 5MB limit
        alert('File size exceeds the limit!');
        return false;
      }
      return true; // or return an async function if needed
    },
  },
};
</script>