HTML5 -Implementierung von Methoden zur Erneuerung der Datei -Haltepunkte

Die Datei -API von HTML5 verfügt über eine Slice -Methode, die in Blob -Objekte unterteilt werden kann. Das vordere Ende erhält die entsprechende Datei über das filelistische Objekt.

Derzeit gibt es zwei häufig verwendete Haltepunkte. Schnittstelle.

Mit anderen Worten, der Kerninhalt des Haltepunkts besteht darin, die Datei zu schneiden und dann erneut an den Server weiterzugeben, aber der scheinbar einfache Upload -Prozess hat unzählige Gruben.

Die erste ist die Identifizierung der Datei.

Bevor die Datei hochgeladen wird, haben wir mit dem Server einen Handshake -Prozess, die Serverdateiinformationen mitteilen und dann mit der Größe des Abschnitts mit dem Server einverstanden sind. Übertragung.

Die Rezeption muss die Dateien an den Hintergrund übergeben.

Nachdem die Dateiübertragung unterbrochen wurde, wählt der Benutzer die Datei erneut aus, um festzustellen, ob die Datei durch die Identifizierung hochgeladen wurde.

Mit der Datei -API von HTML5 sind Schneiden viel einfacher als imaginär.

Verwenden Sie einfach die Slice -Methode

 var packet = file.slice (start, Ende);

Der Parameterstart ist die Position des Starts des Slice. Durch die Kontrolle von Start und Ende kann es sich um einen separaten Block der Datei handeln

wie:

 Datei.Slice (0,1000);

In der vorherigen Seite haben wir die Dateien durch die Slice -Methode in mehrere Teile unterteilt.

Hier verwenden wir die Postanfrage von AJAX zur Implementierung

 var xhr = neu xmlHttprequest (); ; xhr.onload = function (e) {//, ob die Datei erfolgreich hochgeladen wird. Die Methode bestimmt den spezifischen Upload -Fortschritt einer einzelnen Filmdatei // E. Laden Sie, wie viel die Datei hochgeladen wird.

Nachdem die Datei in den Hintergrund hochgeladen wurde, wird das Hintergrundprogramm entsprechend verarbeitet.