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

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

韦小宝Original: 2018-01-09 09:54:041546Durchsuche

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>

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!

ajax 异步

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：Der Code-Sharing des Node.js-Entwicklungsinformations-CrawlersNächster Artikel：Der Code-Sharing des Node.js-Entwicklungsinformations-Crawlers

In Verbindung stehende Artikel

Mehr sehen