el-upload action http-request接口
时间: 2023-09-04 10:09:13 浏览: 57
使用el-upload组件时,可以通过设置action属性或者http-request属性来指定接口地址。如果使用http-request属性,需要在方法中处理上传逻辑。在给el-upload组件绑定http-request属性时,可以使用一个异步函数来处理上传逻辑。在这个方法中,可以获取到文件信息,然后将文件信息传递给绑定了这个组件的v-model属性,以便在表单提交时可以直接使用绑定的值进行提交。需要注意的是,请求方式要改为formdata格式。另外,如果autoUpload属性被设置为true,还可以选择在提交文件时同时将文件上传到后台,并在上传成功后触发success事件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [el-upload使用http-request添加手动上传方式](https://blog.csdn.net/weixin_44206947/article/details/129702255)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [el-upload使用http-request而非默认action地址来实现文件上传](https://blog.csdn.net/weixin_44293690/article/details/121994444)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]