Teilen Sie die Verwendung des Plug-Ins zum asynchronen Hochladen von Dateien mithilfe von jQuery-js-Tutorial-php.cn

Teilen Sie die Verwendung des Plug-Ins zum asynchronen Hochladen von Dateien mithilfe von jQuery

小云云

Freigeben： 2017-12-31 16:45:36

Original

1279 Leute haben es durchsucht

Jetzt möchte ich die Funktion zum Hochladen von Dateien mit Ajax implementieren, habe jedoch festgestellt, dass die mit Jquery gelieferte Ajax-Methode nur den Dateinamen hochladen kann, nicht jedoch die Datei erfordert eine Aktualisierung der Seite. . . Nach mehreren Suchen habe ich ein verfügbares jQuery-Plug-in gefunden, das gerade die Anforderungen für den asynchronen Datei-Upload erfüllt. In diesem Artikel wird hauptsächlich die Verwendung des Plug-Ins vorgestellt, das jQuery zum asynchronen Hochladen von Dateien verwendet. Freunde, die es benötigen, können darauf verweisen.

Code

jquery.form.js

Verwendung

Dieses Plug-in basiert auf der Formularübermittlung. Zum Absenden müssen wir nur ein Formular schreiben Dateien normal. Zum Beispiel:

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

Nach dem Login kopieren

Fügen Sie dann den folgenden Code in js hinzu:

<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>

Nach dem Login kopieren

Auf diese Weise können Sie das Formularübermittlungsereignis abhören, es in Ajax umwandeln und Senden Sie es an den Hintergrund und senden Sie es dann an den Hintergrund. Die zurückgegebenen Informationen werden aus Daten abgerufen. Auf diese Weise können Sie Ajax-Kommunikation zum Übertragen von Dateien verwenden.

Verwandte Empfehlungen:

Detaillierte Erläuterung des Formular-Uploads zur Implementierung des asynchronen Datei-Uploads über Ajax

Detaillierte Erläuterung des asynchronen Upload-Plugins für den Ajax-Datei-Upload -in

So implementieren Sie den asynchronen Datei-Upload mit nativem js

Das obige ist der detaillierte Inhalt vonTeilen Sie die Verwendung des Plug-Ins zum asynchronen Hochladen von Dateien mithilfe von jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!