elementui上传

ElementUI的el-upload组件可以实现自定义上传功能。根据引用\[1\]中的描述，可以通过以下步骤来实现：

1. 首先，在el-upload标签中设置auto属性为false，这样可以关闭自动上传功能。同时，设置action属性为"#"，因为这是必填项。
2. 在http-request中绑定一个自定义的handleFileUpload函数，用于处理文件上传请求。
3. 在handleFileUpload函数中，使用xhr对象接收文件上传对象。然后，创建一个FormData对象，将数据封装到FormData中，并提交到服务器。这个过程类似于在页面上创建一个表单，然后提交表单。
4. 如果不想在上传成功后显示上传文件列表，可以隐藏文件列表。可以在组件中设置show-file-list属性为false，或者使用样式选择器隐藏文件列表。

根据引用\[2\]和引用\[3\]的描述，以上是实现自定义上传的方式一和方式二的步骤。你可以根据需要选择其中一种方式来实现上传功能。
#### 引用[.reference_title]
- *1* *2* *3* [【前端相关】elementui使用el-upload组件实现自定义上传](https://blog.csdn.net/weixin_44299027/article/details/130840926)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]