function uploadFile() { var fd = new FormData( fd.append("fileToUpload", document. getElementById('fileToUpload'). var xhr = new XMLHttpRequest(); xhr.upload.addEventListener("progress", uploadProgress, false); Load", uploadComplete, false) ; xhr.addEventListener("error", uploadFailed, false); xhr.addEventListener("abort", uploadCanceled, false); xhr.open("POST" , „Home/Upload“); (evt.loaded * 100 / evt.total); document.getElementById('progressNumber').innerHTML = percentComplete.toString() '%'; else { document.getElementById ('progressNumber').innerHTML = 'Berechnung nicht möglich'; } } function uploadComplete(evt) { /* Dieses Ereignis wird ausgelöst, wenn der Server eine Antwort zurücksendet */ alert(evt.target .responseText); } function uploadFailed(evt) { alert("Beim Hochladen der Datei ist ein Fehler aufgetreten."} function uploadCanceled(evt) { alert("Der Upload wurde vom Benutzer abgebrochen oder der Browser hat die Verbindung unterbrochen.");
Das Obige ist die native Javascript-Funktion Das führt fileSelected im onchange-Ereignis aus. Nach dem Klicken auf die Schaltfläche wird die Funktion „uploadFile“ ausgeführt. Hier wird XMLHttpRequest zum Implementieren des Ajax-Uploads von Dateien verwendet. Beachten Sie, dass der Code in Firefox 14 funktioniert. IE 9 unterstützt die Datei-API derzeit nicht. Sie können hier teilnehmen. Der serverseitige Code ist sehr einfach:
Kopieren Sie den Code
Der Code lautet wie folgt:
public class HomeController : Controller { public ActionResult Index() { return View(); /// /// Lädt die angegebenen Dateien hoch. /// ;returns>ActionResult[HttpPost] public ActionResult Upload(HttpPostedFileBase[] fileToUpload) {
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