Heim > Web-Frontend > js-Tutorial > Beispielcode-Sharing für den asynchronen Ajax-Datei-Upload

Beispielcode-Sharing für den asynchronen Ajax-Datei-Upload

韦小宝
Freigeben: 2018-01-09 09:54:04
Original
1575 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich der Ajax-Beispielcode zum Hochladen vorgestellt. Er ist sehr gut und hat den Wert, Ajax zu lernen. Freunde, die sich für Ajax interessieren, können darauf verweisen > Sehr wenige, die ich gesagt habe, ich werde Ihnen direkt praktische Informationen geben. Bitte verzeihen Sie mir, wenn der Text nicht gut ist.

Der spezifische Code lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<title>Index</title>
<script>
$(function() {
$(&#39;:button&#39;).click(function () {
var formData = new FormData();
var file = $("input[type=&#39;file&#39;]")[0].files[0];
formData.append("files", file);
$.ajax({
url: &#39;/Upload/Upload&#39;, //server script to process data
type: &#39;POST&#39;,
//Ajax事件
//beforeSend: beforeSendHandler,
//success: completeHandler,
//error: errorHandler,
// Form数据
data: formData,
//Options to tell JQuery not to process data or worry about content-type
cache: false,
contentType: false,
processData: false
});
});
});
</script>
</head>
<body>
<form enctype="multipart/form-data">
<input name="file" type="file" multiple="multiple" />
<input type="button" value="Upload" />
<input type="text" name="userName" value="ice" />
</form>
</body>
</html>
Nach dem Login kopieren

Der obige Code ist der vom Herausgeber freigegebene Ajax-Beispielcode für den asynchronen Datei-Upload. Ich hoffe, dass es für alle hilfreich ist! !

Verwandte Empfehlungen:

Ajax-Implementierung eines simulierten Schlüsselwort-Sucheffekts mit intelligentem Matching, Beispiel-Tutorial

Beispielfreigabe für eine domänenübergreifende perfekte Ajax-Lösung

Ajax-Methode zum Implementieren des Ladefortschrittsbalkens

Das obige ist der detaillierte Inhalt vonBeispielcode-Sharing für den asynchronen Ajax-Datei-Upload. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage