comment soumettre le Formulaire avec AJAX à l'Aide de enctype=“multipart/form-data”?

comment soumettre le Formulaire avec AJAX à l'Aide de enctype="multipart/form-data"?

Vous pouvez utiliser XMLHttpRequest méthode. Regardez ceci: stackoverflow.com/questions/6974684/...

OriginalL'auteur Sureshkumar Menon | 2011-04-14

  1. 11

    Réponse courte: vous n'avez pas. Vous ne pouvez pas télécharger des fichiers via AJAX.

    L'habitude de contourner le problème est de définir la cible de votre formulaire à un caché iframe et soumettre le formulaire, en utilisant une normale, non-AJAXy POST, pour obtenir l'effet désiré:

    <form target="hiddenIframe" method="post" enctype="multipart/form-data">
    ...
</form>
<iframe name="hiddenIframe" id="hiddenIframe" style="display: none;" />

    Il y a un plugin jQuery qui utilise cette technique.

    Modifiées afin d'ajouter:

    XMLHttpRequest niveau 2 ajout du support pour le téléchargement de fichiers via AJAX, et sa prise en charge du navigateur est maintenant le bon et la croissance. Voici un prise en charge du navigateur aperçu.

    Cette information est à jour, le téléchargement de fichiers via AJAX EST maintenant possible, et assez facile. Jetez un oeil à XHR2. Un bon post est ici à HTML5Rocks: updates.html5rocks.com/2012/04/...
    bonne prise, j'ai ajouté une référence à XHR2.
    Lien pour le plugin jQuery est maintenant vide. Je suis en train de corriger une solution pour les vieux navigateurs, de sorte que leur seraient utiles (si vous pouvez encore le trouver) 🙂

    OriginalL'auteur Henning

  2. -1

    Voici une manière qui fonctionne même avec IE8 et plus:

    Utilisation malsup de jquery forme de plugin, qui prendra en charge les deux XHR ainsi que l'iframe caché que IE a besoin d'ajax upload.

    Extrait de Code ici:

    <form id="formid" action="" enctype="multipart/form-data" method="POST" accept-charset="utf-8">
.
.
.
</form>

<script type="text/javascript">
        $(document).ready(function()
        {
            var options = { 
                cache:'false',   //IE FIX
                data: $('#formid').serialize(),
                dataType: 'json',
                processData: false,
                contentType: false,
                success: function(data) 
                {
                    //success action
                },
                error: function(XMLHttpRequest, textStatus, errorThrown)
                {
                    //error action
                }
            }; 
            $('#formid').ajaxForm(options); 
        });
</script>

    OriginalL'auteur George