Beispiel für asynchronen Dateiupload in HTML

<form action="/hehe" method="post">
<Eingabetyp="Text" Wert="hehe"/>
<Eingabetyp="Senden" Wert="Hochladen" ID="Hochladen"/>
</form>

Dies ist die gebräuchlichste und einfachste Methode zum Absenden von Formularen in HTML, aber bei dieser Methode müssen die Seiten gewechselt werden. Manchmal möchten wir vielleicht auf derselben Seite mit dem Server interagieren und nach dem Absenden des Formulars nicht auf eine andere Seite wechseln. Was sollen wir tun? Hier sind mehrere Möglichkeiten zum Absenden von Formularen.
Lassen Sie mich zunächst eine Lösung vorstellen, die das Land durch einen Umweg rettet. Der obige Codeausschnitt muss nicht geändert werden. Fügen Sie einfach den folgenden Code hinzu

<iframe id="uploadFrame" name="uploadFrame"></iframe>

<Text>
<form action="/hehe" method="post">
<Eingabetyp="Text" Wert="hehe"/>
<input Typ="Schaltfläche" Wert="Hochladen" ID="Hochladen"/>
<!--<input type="button" value="senden" onclick="senden()"/>-->
</form>
<Skript>
(Funktion(){
neuer AjaxUpload("#upload", {
Aktion: '/hehe',
Typ: „Beitrag“,
Daten: {},
Name: 'Textfeld',
onSubmit: Funktion(Datei, ext) {
alert("Hochladen erfolgreich");
},
onComplete: Funktion(Datei, Antwort) {
}
});
})();
</Skript>
</body>