jQuery Girl
  1. jQuery Girl
  3. Le fichier de type d’entrée n’est pas sérialisé dans jquery ajax
Intereting Posts
Jquery live ralentit-il les sites Web? comment ouvrir / nœuds proches sur clic double / simple dans jsTree Rendre la valeur de la zone de texte du mot de passe visible après chaque saisie de caractères Appeler une fonction avec le paramètre au clic d’une cellule jqgrid $ (…) .On n’est pas une fonction – Erreur jQuery Empêcher que l’application mobile à défilement horizontal Comment créer un identifiant de zone de saisie de formulaire Définir des cases à cocher sur la méthode d’édition dans Rails 4 toucher des événements en tirant deux fois Comment obtenir une trace de stack utile à partir d’une fonction jQuery? Comment obtenir le code source de la page HTML en utilisant jquery Struts2 jQuery plugin – bouton d’envoi Copier le contenu d’un DIV dans un autre DIV fixer la ligne d’en-tête dans gridview? lire une div d’un fichier html à une variable javascript

Le fichier de type d’entrée n’est pas sérialisé dans jquery ajax

Vous trouverez ci-dessous le code du razor lorsque je renvoie le formulaire à la fonction jquery lors de la soumission. 

@model Slider @{ Layout = null; } @using (Html.BeginForm("AddOrEdit", "Slider", FormMethod.Post, new { enctype = "multipart/form-data" , onsubmit = "return SubmitForm(this)" })) { @Html.HiddenFor(m => m.Id) 
 @Html.LabelFor(m => m.ImageFile, new { @class = "blue-text", @style = "font-size:16px", @id = "" })  
 
   
 }

La fonction Jquery n’est pas en mesure de sérialiser le type de fichier d’entrée et de l’envoyer au contrôleur, sauf si je le change en json. Mais si je le changeais en json je ne recevrais pas la validation 

  function SubmitForm(form) { debugger; $.validator.unobtrusive.parse(form); debugger; if ($(form).valid()) { debugger; $.ajax({ type: "POST", url: form.action, //"datatype": "json" data: $(form).serialize(), success: function (data) { if (data.success) { Popup.dialog('close'); dataTable.ajax.reload(); $.notify(data.message, { globalPosition: "top center", className: "success" }) } else { Popup.dialog('close'); $.notify(data.message, { globalPosition: "top center", className: "error" }) } } }); } return false; }

Essayez le code ci-dessous et apportez quelques modifications au code ajax. Ajoutez les parameters ci-dessous dans votre code.

processData: false, contentType: false,

Et ajoutez var formData = new FormData($("#formID")[0]); ligne avant ajax commence.

Vous devez utiliser FormData pour télécharger des fichiers en utilisant ajax. $(form).serialize() vous donnera juste la clé et la valeur. Vous pouvez utiliser le code ci-dessous pour télécharger des fichiers avec AJAX. 

 var formData = new FormData($(form)[0]); $.ajax({ url: form.action, type: form.method, data: formData, processData: false, contentType: false, success: function (response) { } });