XMLHttpRequestUpload: loadstart Event

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignishandler-Eigenschaft.

addEventListener("loadstart", (event) => {});

onloadstart = (event) => {};

Ein ProgressEvent. Erbt von Event.

Neben den unten aufgeführten Eigenschaften stehen auch Eigenschaften der übergeordneten Schnittstelle Event zur Verfügung.

lengthComputable Schreibgeschützt

Ein boolesches Flag, das anzeigt, ob die Gesamtarbeit, die zu erledigen ist, und die Menge der bereits erledigten Arbeit durch den zugrundeliegenden Prozess berechenbar sind. Anders ausgedrückt wird angezeigt, ob der Fortschritt messbar ist oder nicht.

loaded Schreibgeschützt

Ein 64-Bit-Unsigned-Integer-Wert, der die Menge der bereits durch den zugrundeliegenden Prozess geleisteten Arbeit angibt. Das Verhältnis der erledigten Arbeit kann berechnet werden, indem total durch den Wert dieser Eigenschaft geteilt wird. Beim Herunterladen einer Ressource über HTTP zählt dies nur den Hauptteil der HTTP-Nachricht und schließt Header und anderen Overhead nicht ein.

total Schreibgeschützt

Ein 64-Bit-Unsigned-Integer, der die gesamte Arbeit darstellt, die der zugrundeliegende Prozess gerade durchführt. Beim Herunterladen einer Ressource über HTTP ist dies die Content-Length (die Größe des Hauptteils der Nachricht) und schließt die Header und anderen Overhead nicht ein.

Sie können das loadstart-Ereignis verwenden, um den Beginn eines Uploads zu erkennen. Für ein vollständiges Codebeispiel, das eine Datei hochlädt und eine Fortschrittsanzeige zeigt, siehe die Hauptseite von XMLHttpRequestUpload.

// When the upload starts, we display the progress bar
xhr.upload.addEventListener("loadstart", (event) => {
  progressBar.classList.add("visible");
  progressBar.value = 0;
  progressBar.max = event.total;
  log.textContent = "Uploading (0%)…";
  abortButton.disabled = false;
});

• Verwandte Ereignisse: load, progress, error, loadend, abort, timeout
• XMLHttpRequestUpload