How to get the multipart file from jquery to spring controller

Question

I am using the spring mvc form,jquery to submit the form.Along with all the form values there is multipart file upload.

Following is the UI code,

<div class="form-group">
     <span class="fileinput-new">Select file</span> <span class="fileinput-exists">Change</span> 
     <form:input type="file" id="addrDocImage" path="addrDocImage" name="addrDocImage"/>
    </span> 
    </div>

here is my java script code

   $.ajax({
            url: form.action,
            type: form.method,
            data: $(form).serialize(),
            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){
            }
           });
       }); 
            }            
        });
    }
});

And my dto with multipart is

 public class AddressDTO implements Serializable {

private static final long serialVersionUID = 2931368070275666084L;
private long addrId;
private long partyId;
private String locationName;
private MultipartFile addrDocImage;
     ''''''
}

But I am getting the addrDocImage as null when I am submitting the form.

Following is the controller method

    @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());

how are you actually sumbitting the form? where does it happen? Is there a button with `onclick` action anywhere? — Jack Flamp, Jun 13 '17 at 11:10
On submit it goes to ajax call.I have put the code of ajax call here.All the values are getting well except multipart file. — Ramsad, Jun 13 '17 at 11:11
Can you post the signature and annotations for the Controller method? — Jack Flamp, Jun 13 '17 at 11:21
maybe something here can help you:https://stackoverflow.com/questions/2320069/jquery-ajax-file-upload — Jack Flamp, Jun 13 '17 at 11:25
Tried this @JackFlamp but I am getting some other error .Type mismatch in converting from java.lang.string to java..multipartfile — Ramsad, Jun 13 '17 at 11:36
Jquery serialize method creates a string. Check out how they use FormData object. The second answer — Jack Flamp, Jun 13 '17 at 11:47
Server side should work. Focus on the format of the sent data. You are sending a string — Jack Flamp, Jun 13 '17 at 11:51
I've never done this myself but this article seems to give a pretty comprehensive walk through of uploading file forms with Ajax: http://blog.teamtreehouse.com/uploading-files-ajax — Jack Flamp, Jun 13 '17 at 13:04

How to get the multipart file from jquery to spring controller

0 Answers0