el-upload以Formdata的形式携带参数上传文件
时间: 2023-12-02 15:58:00 浏览: 105
使用FormData实现上传多个文件
el-upload 组件在上传文件时,可以使用 FormData 的形式携带参数。具体实现可以通过设置 `data` 属性来传递额外的数据。如下所示:
```html
<el-upload
action="/upload"
:data="{
someData: 'hello world',
otherData: {
foo: 'bar',
baz: 'qux'
}
}"
>
<el-button type="primary">上传文件</el-button>
</el-upload>
```
在上面的示例中,我们设置了 `data` 属性,同时设置了一些额外的参数。当用户选择文件并上传时,这些参数将会以 FormData 的形式一起发送到服务端。
在服务端可以通过相应的方式来获取这些数据。如果是使用 Node.js 的 express 框架,可以通过 `req.body` 来获取这些参数,如下所示:
```js
const express = require('express');
const app = express();
app.post('/upload', (req, res) => {
console.log(req.body.someData); // hello world
console.log(req.body.otherData.foo); // bar
console.log(req.body.otherData.baz); // qux
// ...
});
```
阅读全文