Übergeben von Datei von Ajax zu Frühling Contorller

Question

Ich habe Formular in diesem, abgesehen von anderen Feldern, gibt es Datei Dropdown-und Datei-Browser-Taste. Wenn der Benutzer eine Datei hochlädt und auf die Schaltfläche klickt, wird ein Ajax-Aufruf durchgeführt und die Datei an den Controller gesendet. Das Javascript zeigt die Datei, aber im Controller ist es leer.

HTML:

<label for="selectEnclosure" style="margin-left:8%; ">Select an Enclosure:</label> 
<select id="templateEnclosuresDropDown" class="validate[required] input_user" style="width:25%" title="Select>Enclosure"</select> 

<c:forEach items="${templateEnclosures}" var="templateDDEnclosure" varStatus="loopStatus"> 
    <c:if test="${templateEnclosure.enclosureType.name!='Default'}"> { 
     <option value="${templateDDEnclosure.persistentId}"> ${templateDDEnclosure.enclosure.name} </option> 
    </c:if> 
</c:forEach> 
<option value="0">Additional Enclosure</option> 

Ajax-Aufruf:

userhome.upload = function() { 
    alert(" pelae sai"); 
    var form=$('<form></form>'); 

    form.attr("method", "post"); 
    form.attr("action", SECURE_CONTEXT_PATH_ROOT + "/letter/melletter/uploadEnclosure") 
    form.processData() 

    var field =$('<input></input>'); 

    field.attr("enclosureFile", $('#enclosureFile').prop('files')[0]); 
    field.attr("enclosurename" ,$('#templateEnclosuresDropDown :selected').text()); 
    field.attr("templateId",$("#codeNameId").val()); 

    var url = SECURE_CONTEXT_PATH_ROOT + '/letter/melletter/uploadEnclosure'; 

    $(document.body).append(form); 
    form.submit(); 
} 

Answer 1

Das erste, was dieses Attribut zu Ihrem Formularelement zu tun wäre, und fügte hinzu:

enctype="multipart/form- data"