el-upload调用接口上传二进制
时间: 2023-06-30 22:19:18 浏览: 177
对于 el-upload 组件,可以通过设置 `:http-request` 属性来调用接口上传二进制文件。首先需要在组件中设置 `:action` 属性为上传接口的 URL 地址,然后在 `:http-request` 属性中定义上传方法,例如:
```html
<el-upload
action="/api/upload"
:http-request="uploadFile"
:show-file-list="false">
<el-button slot="trigger" type="primary">上传文件</el-button>
</el-upload>
```
在 Vue 实例中定义 `uploadFile` 方法,该方法接收两个参数:上传的文件和上传的参数。可以使用 `FormData` 对象来发送二进制文件,例如:
```javascript
methods: {
uploadFile(file, fileList) {
const formData = new FormData()
formData.append('file', file)
// 可以在这里添加其他参数
axios.post('/api/upload', formData).then(response => {
console.log(response.data)
}).catch(error => {
console.log(error)
})
}
}
```
这样就可以通过 el-upload 组件上传二进制文件并调用接口了。
阅读全文