jQuery ajax champ de fichier post

J'ai un formulaire avec un fichier d'entrée. Comment puis-je obtenir le fichier et l'envoyer à un script php à l'aide de jQuery? Puis-je utiliser .val() pour obtenir la valeur et puis après? Dire, par exemple: le fichier d'entrée a un id de fichier pourrait je viens de faire:

$('#submit').click(function() {
    var file = $('#file').val();
    $.post('script.php', { "file": file }, function(data) {
        //do something here after post complete
    }, 'json');
});

Grâce

source d'informationauteur geoffs3310

  1. 12

    Cela devrait aider. Comment puis-je télécharger des fichiers de manière asynchrone?

    Que la poste suggère, je recommande un plugin trouve ici http://malsup.com/jquery/form/#code-samples

  2. 7

    J'ai essayé ce code pour accepter les fichiers à l'aide d'Ajax et sur soumettre un fichier est magasin à l'aide de mon fichier php. Code légèrement modifié pour le travail. (Téléchargé des Fichiers: PDF,JPG)

    function verify1() {
    jQuery.ajax({
        type: 'POST',
        url:"functions.php",
        data: new FormData($("#infoForm1")[0]),
        processData: false, 
        contentType: false, 
        success: function(returnval) {
             $("#show1").html(returnval);
             $('#show1').show();
         }
    });
}

    Il suffit d'imprimer les détails de fichier et vérifier. Vous obtiendrez de Sortie. Si l'erreur faites le moi savoir.

  3. 2

    De téléchargement de fichiers peuvent pas être fait de cette façon, peu importe comment vous le briser. Si vous voulez faire une requête ajax/async télécharger, je suggère de regarder dans quelque chose comme Uploadifyou Valums

  4. -3

    ...

    <script type="text/javascript">
      $("#form_oferta").submit(function(event) 
      {
           var myData = $( form ).serialize(); 
           $.ajax({
                type: "POST", 
                contentType:attr( "enctype", "multipart/form-data" ),
                url: " URL Goes Here ",  
                data: myData,  
                success: function( data )  
                {
                     alert( data );
                }
           });
           return false;  
      });
</script>

    Ici la contentType est spécifié comme multipart/form-data comme nous le faisons dans la balise form, cela fonctionne de téléchargement de fichiers simple
    Sur le côté serveur, vous avez juste besoin d'écrire simple fichier de téléchargement de code pour gérer cette demande avec l'écho du message que vous voulez montrer à l'utilisateur comme une réponse.