无法使用ajax将Jpartery中的Multipart文件发送到spring控制器

我试图将Multipart文件从jquery发送到spring控制器。

以下是我得到的错误

WARN : org.springframework.web.servlet.mvc.support.DefaultHandlerExceptionResolver - Handler execution resulted in exception: org.springframework.validation.BeanPropertyBindingResult: 1 errors Field error in object 'addressDTO' on field 'addrDocImage': rejected value [590768c44b1291493657796.png]; codes [typeMismatch.addressDTO.addrDocImage,typeMismatch.addrDocImage,typeMismatch.org.springframework.web.multipart.MultipartFile,typeMismatch]; arguments [org.springframework.context.support.DefaultMessageSourceResolvable: codes [addressDTO.addrDocImage,addrDocImage]; arguments []; default message [addrDocImage]]; default message [Failed to convert property value of type 'java.lang.String' to required type 'org.springframework.web.multipart.MultipartFile' for property 'addrDocImage'; nested exception is java.lang.IllegalStateException: Cannot convert value of type [java.lang.String] to required type [org.springframework.web.multipart.MultipartFile] for property 'addrDocImage': no matching editors or conversion strategy found] 

以下是UI代码

我通过ajax电话发送

  submitHandler: function(form) { var addressType=$("#addressType option:selected").text(); var country=$("#country option:selected").text(); var region=$("#region option:selected").text(); var city=$("#city option:selected").text(); var addrDocImage=$("#addrDocImage option:selected").text(); var formData= new FormData(); var length = document.getElementById('addrDocImage').files.length; if(length==0){ alert("No File Choosen"); return true; } if(document.getElementsByName('documentTypeId')[0].value == 0){ alert(document.getElementsByName('documentTypeId')[0].value); alert("Please choose Document Type"); return true; } for (var i = 0; i < length; i++) { var file=document.getElementById('addrDocImage').files[i]; var fileName = file.name; var fileExtension = fileName.split('.')[fileName.split('.').length - 1].toLowerCase(); if(fileExtension == "pdf" || fileExtension == "jpeg" || fileExtension == "jpg" || fileExtension == "bmp" || fileExtension == "png" || fileExtension == "gif"){ formData.append("file", file); }else{ alert("Please upload document of type image or pdf "); return true; } } $.ajax({ url: form.action, type: form.method, data: $(form).serialize()+formData, beforeSend: function(xhr){ xhr.setRequestHeader('X-CSRF-Token', $("meta[name='_csrf']").attr("content")); }, success: function(response) { $('#merchantAddressCreationForm').modal('hide'); //$('#merchantAddressCreationForm').modal('toggle'); swal({ title: "", text: response, }, function() { $.ajax({ type: 'GET', url: 'addressDetails', data : "_csrf="+$("meta[name='_csrf']").attr("content"), success:function(data){ $(".merchant_address_data").html(data); }, error:function(response){ } }); }); } }); } 

我的DTO是

  public class AddressDTO implements Serializable { private static final long serialVersionUID = 2931368070275666084L; private long addrId; private long partyId; private String locationName; private MultipartFile addrDocImage; '''''' } 

我的控制器代码是

  @RequestMapping(value="/createMerchantAddress", method = RequestMethod.POST ) public @ResponseBody String createMerchantAddress(@ModelAttribute("addressDTO") AddressDTO addressDTO,@AuthenticationPrincipal PNSolUser loggedUser){ addressDTO.setPartyId(loggedUser.getPartyId()); addressDTO.setCreatedBy(loggedUser.getUserId()); addressDTO.setCreatedDate(Calendar.getInstance().getTime()); 

得到那个错误的原因是什么。我怎么能解决它？

Answer 1

尝试下面的代码，并在ajax代码中进行一些更改。 在代码中添加以下参数。

processData：false，
contentType：false，

并添加var formData = new FormData（$（“＃formID”）[0]）; ajax开始之前的一行。

或者检查以下代码并根据您的代码进行更改。

 var formData = new FormData($(form)[0]); $.ajax({ url: form.action, type: form.method, data: formData, processData: false, contentType: false, beforeSend: function (xhr) { xhr.setRequestHeader('X-CSRF-Token', $("meta[name='_csrf']").attr("content")); }, success: function (response) { $('#merchantAddressCreationForm').modal('hide'); //$('#merchantAddressCreationForm').modal('toggle'); swal({ title: "", text: response, }, function () { $.ajax({ type: 'GET', url: 'addressDetails', data: "_csrf=" + $("meta[name='_csrf']").attr("content"), success: function (data) { $(".merchant_address_data").html(data); }, error: function (response) { } }); }); } });