如何使用 React js 在 SpringBoot 中的 DTO 中发送 MultipartFile

Question

我正在尝试在具有其他一些输入的表单中添加一个图像文件，

这是我在 react(FrontEnd) 中遵循的：

handleAddBtnClick=(e)=>{
    e.preventDefault();
    const data = new FormData() 
    data.append('file', this.state.selectedFile,this.state.selectedFile.name)

    let obj={
        name:name,
        price:price,
        image:data,
        quantity:quantity,
        shortDesc:shortDesc,
        longDesc:longDesc,
    }
    this.props.addCraftActions.addCraft(obj)
}

并作为post请求发送

Spring boot Controller 实现如下：

@RequestMapping(value = "/add",method = RequestMethod.POST,consumes = {MediaType.MULTIPART_FORM_DATA_VALUE,MediaType.APPLICATION_JSON_VALUE})
    public ResponseEntity<?> addCraftItem(@RequestHeader(value = "Authorization") String token, @RequestBody ItemDTO dto) throws Exception {
    return ResponseEntity.ok(craftItemService.addItem(dto));
}

@Getter
@Setter
public class ItemDTO implements Serializable {
    private long craftId;

    private String ciName;

    private boolean availabilityStatus;

    private double ciPrice;

    private MultipartFile imgFile;

    private int itemQuantity;

    private String shortDescription;

    private String longDescription;

我得到以下异常

com.fasterxml.jackson.databind.exc.InvalidDefinitionException：无法构造org.springframework.web.multipart.MultipartFile实例（没有创建者，如默认构造，存在）：抽象类型要么需要映射到具体类型，要么有自定义反序列化器, 或包含其他类型信息

我想知道如何解决这个问题。 任何帮助是appriciated。