Comment envoyer des valeurs et sous forme d'image javascript pour contrôleur au printemps MVC

Question

Voici le code jsp,

Username: <input type="text" name="user_name"/> 
File: <input type="file" name="profile_img" /> 
<input type="submit" value="Save" onclick="saveProfileData()"/> 

Et voici le code javscript,

function saveProfileData() { 
    var user_name = document.getElementById("user_name").value; 
    var profile_img = document.getElementById("profile_img").value; 
    $.ajax({ 
     type: "POST", 
     url: /login/saveProfileData, 
     data:{ 
      "user_name": user_name, 
      "profile_img":profile_img 
     }, 
     success: function(response){ 
      //other code 
     }, 
     error: function(e){ 
      //alert('Error: ' + e); 
     } 
     }); 
    } 

@ResponseBody 
@RequestMapping(value="/saveProfileData", method=RequestMethod.POST) 
public int saveProfileData(@RequestParam(required=false) String user_name, MultipartFile profile_img) { 
    System.out.println(user_name); 
    //int i = code for save profile data. 
    return i; 
} 

Lorsque je clique sur le bouton Enregistrer, Il donne cette erreur The current request is not a multipart request. Pourquoi cela se produit-il et comment y remédier? Comment puis-je envoyer les valeurs avec l'image?

S'il vous plaît, n'importe qui m'aider.?

Answer 1

Avez-vous essayé d'ajouter le encodingtype du champ d'entrée pour le fichier, comme par exemple:

File: <input type="file" name="profile_img" enctype = "multipart/form-data"/>