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

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

小云云

Libérer： 2017-12-31 16:45:36

original

1275 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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!