使用axios上传文件时,如果也需要同时传送其他表单数据,可以这样做

最新推荐文章于 2024-07-15 21:55:24 发布

原创最新推荐文章于 2024-07-15 21:55:24 发布 · 451 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

通过创建FormData对象，添加文件和表单数据，然后使用axios的post方法以multipart/form-data格式发送请求到/user/upload端点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


let formData = new FormData()
formData.append('file', file) // 上传的文件
formData.append('name', 'John') // 其他表单数据
formData.append('age', 30)

axios.post('/user/upload', formData, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})