美文网首页
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