String boot 同时接收File和实体类(注解版)

需求描述:

将下图表单数据保存到数据库 

String boot 同时接收File和实体类(注解版)_第1张图片

示例代码

后台代码:

import com.alibaba.fastjson.JSON;
@PostMapping("/test")
public ReturnJson test(
        @RequestParam("file") MultipartFile file,
        @RequestParam("equipmentType") String equipmentType) {
    try {
        //控制台打印文件-二进制
        System.out.println(file.getBytes());
        AddEquipmentTypeVo addEquipmentTypeVo = JSON.parseObject(equipmentType, AddEquipmentTypeVo.class);
        //控制台打印实体
        System.out.println(addEquipmentTypeVo);
    } catch (IOException e) {
        e.printStackTrace();
    }
    return ReturnJson.error();
}

遇到的问题

  • 为什么要将实体类变成String类型接收?

        应为传递File的时候已经将请求类型改为了“multipart/form-data”所以再使用@RequestBody注解会报错误:

Resolved [org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'multipart/form-data;boundary=----WebKitFormBoundaryD6szBQQDQpeMkdnR;charset=UTF-8' not supported]

      如果不加注解传递的实体类参数值为空所以只能这样了,如果有更好的方法请指教

 前端代码:

 请求代码:

function upload() {
    let formData = new FormData();//表单id
    formData.append("file", $("#file")[0].files[0]);
    let equipmentType = {
        equipmentTypeId: $("#id").val(),
        equipmentTypeName: $("#name").val(),
        assetPath: $("#assetPath").val()
    }
    formData.append("equipmentType", JSON.stringify(equipmentType))
    console.log($("#file")[0].files[0])
    console.log(equipmentType)
    $.ajax({
        type: 'post',
        processData: false,//这个必须有,不然会报错
        contentType: false,//这个必须有,不然会报错
        data: formData,
        url: 'http://localhost:8081/equipmentType/test',
        cache: false,
        dataType: 'json',
        success: function (data) {
            console.log(data)
        }
    });
}

如有帮助请点个小心心 ❤ 

你可能感兴趣的:(前端,SpringBoot,前端,java,javascript)