J'utilise un formulaire dans un LightBox qui contient un élément d'entrée.La demande a été rejetée car aucune limite de multipart n'a été trouvée
<form name="imageUploadForm" action="uploadImage.do" method="post" enctype="multipart/form-data">
<input type="text" id="id" name="id" style="display: none;" value="">
<div id="fileUploaderDiv">
<input type='file' name="file0" id ="file0" />
</div>
<input type="submit" value="Submit">
</form>
lorsque je soumets le formulaire que le formulaire rediriger vers son emplacement d'action. Je veux juste soumettre un formulaire sans rediriger l'utilisateur, donc l'utilisateur reste sur lightbox sans perdre ses données.
J'ai essayé jquery ajax appel pour cette
var data = new FormData();
var $inputs = $('#imageUploadForm :input');
var values = {};
$inputs.each(function() {
values[this.name] = $(this).val();
data.append(this.name, $(this).val());
});
$.ajax({
url: 'uploadImage.do',
data: data,
cache: false,
contentType: 'multipart/form-data',
processData: false,
type: 'POST',
success: function(data){
alert(data);
}
});
Mais obtenir erreur du côté serveur dans mon servlet FileUploader.
The request was rejected because no multipart boundary was found
Quelqu'un peut-il me dire ce qui me manque?
Rechercher AJAX. – elclanrs
yup AJAX devrait le faire. –
Avoir le bouton soumettre déclencher un événement JS, rassembler les données et (comme elclanrs dit) -> AJAX – dgeare