Maison > Article > interface Web > Partager l'utilisation du plug-in pour télécharger des fichiers de manière asynchrone à l'aide de jQuery

Partager l'utilisation du plug-in pour télécharger des fichiers de manière asynchrone à l'aide de jQuery

小云云original: 2017-12-31 16:45:361250parcourir

Maintenant, je souhaite implémenter la fonction d'utilisation d'ajax pour télécharger des fichiers, mais j'ai découvert que la méthode ajax fournie avec Jquery ne peut télécharger que le nom du fichier, mais pas le fichier, bien que la soumission avec le formulaire puisse télécharger le fichier ; nécessite de rafraîchir la page. . . Après plusieurs recherches, j'ai trouvé un plug-in jQuery disponible, qui répond tout simplement aux exigences du téléchargement de fichiers asynchrone. Cet article présente principalement l'utilisation détaillée du plug-in qui utilise jQuery pour télécharger des fichiers de manière asynchrone. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

Code

jquery.form.js

Utilisation

Ce plug-in est basé sur la soumission d'un formulaire. Il nous suffit d'écrire un formulaire pour le soumettre. fichiers normalement. Par exemple :

<form id="myForm" action="comment.php" method="post" enctype="multipart/form-data">
  <input type="file" name="name" />
  <input type="submit" value="Submit Comment" />
</form>

Ajoutez ensuite le code suivant dans js :

<html>
<head>
  <script src="jquery.js"></script>
  <script src="jquery.form.js"></script>
  <script>
    $(document).ready(function() {
      $('#myForm').ajaxForm(function(data) {
        alert(data);
      });
    });
  </script>
</head>

De cette façon, vous pouvez écouter l'événement de soumission du formulaire, le transformer en ajax et envoyez-le en arrière-plan, puis envoyez-le en arrière-plan. Les informations renvoyées sont obtenues à partir des données. De cette façon, vous pouvez utiliser la communication ajax pour transférer des fichiers.

Recommandations associées :

Explication détaillée du téléchargement de formulaire pour implémenter le téléchargement de fichiers asynchrone via ajax

Explication détaillée du plug-in de téléchargement asynchrone de téléchargement de fichiers ajax -in

Comment implémenter le téléchargement de fichiers asynchrone à l'aide de js natif

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Exemple détaillé de la façon dont jQuery implémente la méthode de modification de la couleur de l'élément de menu d'en-tête de la barre de navigation après avoir cliqué dessusArticle suivant：Exemple détaillé de la façon dont jQuery implémente la méthode de modification de la couleur de l'élément de menu d'en-tête de la barre de navigation après avoir cliqué dessus

Articles Liés

Voir plus