Dieses Mal bringe ich Ihnen Beispiele für den asynchronen Ajax--Upload (mit Code). Was sind die Vorsichtsmaßnahmen für den asynchronen Ajax-Upload von Dateien? einmal einen Blick darauf werfen.
Ich möchte nicht viel sagen, ich werde Ihnen die praktischen Informationen direkt geben. Bitte verzeihen Sie mir den schlechten Text.
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() { $(':button').click(function () { var formData = new FormData(); var file = $("input[type='file']")[0].files[0]; formData.append("files", file); $.ajax({ url: '/Upload/Upload', //server script to process data type: 'POST', //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>
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln die chinesische PHP-Website!
Empfohlene Lektüre:
Wie jQuery+ajax die JSON-Datenüberquerung implementiert
Ajax implementiert den Prüfungs-Countdown und reicht automatisch Prüfungsunterlagen ein Funktion
Das obige ist der detaillierte Inhalt vonListe der asynchronen Ajax-Upload-Dateien (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!