el-upload 带参数
时间: 2023-11-07 12:06:56 浏览: 98
el-upload组件可以通过data属性来传递参数。在你提供的代码中,loadFileParams变量被传递给el-upload的data属性,这样在上传时会携带这些参数。具体来说,loadFileParams中的projectNumber、projectName、projectHead、projectType和fileNames字段会作为参数发送给后台。这样后台就能够接收到这些参数,并据此进行相关处理。
相关问题
el-upload附带参数
el-upload是Element UI库中的一个组件,用于文件上传功能。它可以通过一些属性来附加参数。下面是el-upload组件常用的一些属性与参数:
1. action:上传的地址,可以是一个字符串,表示后端接收上传文件的API地址。
```html
<el-upload action="/upload" />
```
2. data:上传请求的额外参数,以对象形式传递。
```html
<el-upload action="/upload" :data="{ name: 'John', age: 25 }" />
```
3. headers:上传请求的额外头部信息,以对象形式传递。
```html
<el-upload action="/upload" :headers="{ Authorization: 'Bearer token' }" />
```
4. with-credentials:是否允许跨域请求时携带cookie,默认为false。
```html
<el-upload action="/upload" :with-credentials="true" />
```
5. before-upload:上传文件前的钩子函数,可以在此函数中对文件进行验证或者修改。
```html
<el-upload action="/upload" :before-upload="handleBeforeUpload" />
methods: {
handleBeforeUpload(file) {
// 验证或修改文件
return file; // 返回处理后的文件
}
}
```
这些属性和参数可以根据具体需求进行配置,实现自定义的文件上传功能。
el-upload action参数
el-upload组件中的action参数是用来指定上传文件的目标地址。在引用\[1\]中的代码示例中,action参数被设置为this.GLOBAL.serverSrc + "/uploadController/uploadImg",即上传文件的后台地址。当用户点击上传按钮时,el-upload组件会将选择的文件发送到该地址进行上传。
#### 引用[.reference_title]
- *1* *2* [关于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^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [el-upload的两种方式](https://blog.csdn.net/hjin_/article/details/125276933)[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 ]
阅读全文