How to upload image using Ajax request?

How do I upload multiple files/images from the client to the server using Java?

• Here is a sample of the code I am using:  function cropImageSave(){          var imageData = $('#item-image').attr('src');          var imageName = $('#upl_input').val();                 alert("imageData" + imageData);         alert("imageName" + imageName);           $.ajax({              type: 'post',              url: 'cropImage.htm',              processData: false,              contentType: application/json,              data:{imageData1:JSON.stringify(imageData)},              success:function(result){                  alert(result);              }           }); With this code, I get imageData and imageName in Base64 format, but I am unable to send it to a controller in http://en.wikipedia.org/wiki/Spring_Framework.

• Answer:

  function(img) {       i = new Image();       i.src = img;       $(this).appned(i);     }, $.ajax({    type: 'post',    dataType: 'image/gif',     error: function(error, txtStatus) {          }   }); Idea is to use new Image() instance to add the image and send it to Ajax