el upload带参上传
时间: 2023-09-01 08:12:26 浏览: 41
要在el-upload组件中实现带参上传,你可以按照以下步骤进行操作:
1. 首先,在el-upload组件上添加属性:action,指定上传的地址。例如:action="/uploadController/uploadImg"。
2. 其次,创建一个对象,用于存储上传所需的参数。例如,你可以在data()方法中添加一个uploadParams对象,包含需要传递的参数。比如:uploadParams: { param1: value1, param2: value2 }。
3. 然后,将上传参数作为el-upload组件的data属性的一部分。例如:data="{ param1: uploadParams.param1, param2: uploadParams.param2 }"。
4. 最后,在触发上传的时候,调用submit()方法。例如,你可以在methods中定义一个submitImg()方法,并在该方法内部使用this.$refs.upload.submit()来触发上传。
这样,当你选择图片并触发上传时,el-upload组件会将带有参数的请求发送到指定的地址。请确保你的服务器端能够正确解析和处理这些参数。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *3* [关于el-upload上传参数,后台接受对应参数的方法](https://blog.csdn.net/weixin_41753664/article/details/116673917)[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 ]
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)