Heim > Artikel > Web-Frontend > 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:361217Durchsuche
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 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!