el-upload 自定义上传 http-request

您可以使用 el-upload 组件来自定义上传的 http-request。el-upload 是 Element UI 框架中用于文件上传的组件，支持多种自定义配置选项。

要实现自定义上传的 http-request，您可以通过设置 el-upload 组件的 action 属性来指定上传文件的接口地址。例如：

<el-upload
  action="/your-upload-api"
  :http-request="uploadRequest"
>
  <!-- 填充上传组件的内容 -->
</el-upload>

然后，在 Vue 实例的 methods 中定义 uploadRequest 方法来处理上传请求。uploadRequest 方法会接收一个参数，其中包含了上传文件的相关信息，如文件对象、文件名等。您可以在该方法中使用 axios 或其他网络请求库发送自定义的上传请求。例如：

methods: {
  uploadRequest(file) {
    // 构建 FormData 对象，将文件和其他参数添加到 FormData 中
    const formData = new FormData();
    formData.append('file', file.raw);
    formData.append('name', file.name);

    // 使用 axios 发送自定义的上传请求
    axios.post('/your-upload-api', formData)
      .then(response => {
        // 处理上传成功的响应
        console.log(response.data);
      })
      .catch(error => {
        // 处理上传失败的错误
        console.error(error);
      });
  }
}

在 uploadRequest 方法中，您可以根据实际需求构建 FormData 对象，并发送自定义的上传请求。在请求成功或失败时，您可以进行相应的处理逻辑。

这样，您就可以使用 el-upload 组件来实现自定义上传的 http-request。希望对您有所帮助！如有其他问题，请随时提问。