美文网首页
axios form-data 同时上传file 和json 数

axios form-data 同时上传file 和json 数

作者: 冰落寞成 | 来源:发表于2022-08-28 11:34 被阅读0次

axios 要同时提交
file : 图片/文件数据;
info:{title:'123'} // 表单数据

文件

 this.fileLoad = new FormData()
      this.fileLoad.append('file', files)

form 表单其他json 数据


1661743951026.png

vue端提交文件及json数据代码:

  let formData = new FormData();
      formData.append('file', file);
      formData.append("postInfo", new Blob([JSON.stringify({"title": "测试标题", "type": 3})], {type: "application/json"}));
 
      axios.post(`/api/post`, formData, {headers: {'Content-Type': 'multipart/form-data'}})
        .then(response => {
 
        }).catch(() => {
      });

后端接收数据


@ApiOperation("上传图片")
@PostMapping
public BaseResult<?> add(@RequestPart MultipartFile file, @RequestPart Map<String, Object> postInfo){
    // 具体业务逻辑
    return null;

相关文章

网友评论

      本文标题:axios form-data 同时上传file 和json 数

      本文链接:https://www.haomeiwen.com/subject/zpbhnrtx.html