Verwendung der API angular2 http für die Verfolgung des Upload- / Download-Vorgangs

8

Es gibt viele Adhoc-Bibliotheken, die den Upload- / Download-Fortschritt in angular2 unterstützen. Ich weiß nicht, wie man native angle2 http api benutzt, um den Fortschritt beim Upload / Download anzuzeigen.

Der Grund, warum ich native http api verwenden möchte, ist, weil ich

verwenden möchte
  1. Ссылка dies & amp; dies
  2. Außerdem ist http api von angular viel robuster als alle adhoc-APIs

Es gibt diesen schönen Artikel über das Hochladen / Herunterladen mit angular's http api

Aber der Artikel erwähnt, dass es keinen nativen Weg gibt, den Fortschritt zu unterstützen.

Hat jemand versucht, http api zum Anzeigen des Fortschritts zu verwenden?

Falls nicht, kennen Sie ein Problem im angular Repo dafür?

    
Ashok Koyi 14.02.2017, 16:19
quelle

2 Antworten

19

Ab Version 4.3.x und höher kann dies mit dem neuen HttpClient erreicht werden von @angular/common/http .

Lesen Sie den Abschnitt Hören von Fortschrittsereignissen .

Einfaches Upload-Beispiel (kopiert aus dem oben genannten Abschnitt):

%Vor%

Und zum Herunterladen könnte es ungefähr so ​​ähnlich sein:

%Vor%

Denken Sie daran, dass, wenn Sie einen Download überwachen, der Content-Length festgelegt werden muss, da sonst die Anfrage nicht gemessen werden kann.

    
Edmundo Rodrigues 20.07.2017, 18:19
quelle
2

Ich würde vorschlagen, das native JavaScript XHR als Observable zu verwenden, es ist ziemlich einfach, es selbst zu erstellen:

%Vor%

Und so würde man es benutzen:

%Vor%     
borislemke 14.02.2017 20:38
quelle