el-upload自定义上传

el-upload组件可以实现自定义上传。在使用el-upload组件时，可以关闭自动上传功能，通过绑定自定义的函数来实现文件上传的请求。可以通过设置action属性为"#"来占位，然后在http-request中绑定自定义的handleFileUpload函数来实现文件上传的请求。在handleFileUpload函数中，可以实现自定义的文件上传逻辑。同时，可以通过设置auto-upload属性为false来关闭选择文件后自动上传的功能。\[1\]

在页面中使用el-upload组件时，可以通过el-dialog组件来实现上传附件的对话框。在el-dialog组件中，设置el-upload组件的相关属性，如limit、accept、auto-upload等，来控制上传文件的限制和功能。同时，可以通过设置on-change属性来绑定handleFileChange函数，用于处理文件选择的变化。在handleFileChange函数中，可以获取选择的文件列表，并进行相应的处理。\[2\]

总结来说，el-upload组件可以通过自定义函数来实现文件上传的请求，同时可以通过el-dialog组件来实现上传附件的对话框。通过设置相关属性和绑定相应的函数，可以实现自定义上传的功能。\[1\]\[2\]
#### 引用[.reference_title]
- *1* *2* [【前端相关】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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [element upload上传文件-自定义上传方式](https://blog.csdn.net/weixin_44313037/article/details/126404948)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]