suchen

Heim >Web-Frontend >js-Tutorial >Teilen Sie die Verwendung des Plug-Ins zum asynchronen Hochladen von Dateien mithilfe von jQuery

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

小云云
小云云Original
2017-12-31 16:45:361299Durchsuche

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>

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>

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detailliertes Beispiel dafür, wie jQuery die Methode zum Ändern der Farbe des Menüelements in der Kopfzeile der Navigationsleiste implementiert, nachdem darauf geklickt wurdeNächster Artikel：Detailliertes Beispiel dafür, wie jQuery die Methode zum Ändern der Farbe des Menüelements in der Kopfzeile der Navigationsleiste implementiert, nachdem darauf geklickt wurde

In Verbindung stehende Artikel

Mehr sehen