Как загружать файлы последовательно в Angular?

Question

В настоящее время у меня есть решение, которое загружает несколько файлов в хранилище BLOB-объектов Azure, но индикатор выполнения не сбрасывается после каждого файла (остается равным 100).

Я знаю, что вы можете использовать Обещание, но я новичок в Angular и не знаю, как лучше к нему подойти?

Это мой текущий код (который работает), он хранит файлы в массиве

uploadFiles () {

while (this.targetFiles.length > 0)
{
    this.targetFile = this.targetFiles.pop();
    this.uploadProgress = this.blob
    .uploadToBlobStorage(accessToken, this.targetFile);


    this.currentPageSub = 
    this.uploadProgress.subscribe((total: number) => {
      this.progress=total;
          });

} 

}

Но я хочу загружать файлы по одному, сбрасывая индикатор выполнения (this.progress) в функции подписки после загрузки файла

Есть предложения?

Answer 1

Вы должны сбрасывать прогресс в каждом цикле.

 while (this.targetFiles.length > 0)
{
    this.progress=0;
    this.targetFile = this.targetFiles.pop();
    this.uploadProgress = this.blob
    .uploadToBlobStorage(accessToken, this.targetFile);


    this.currentPageSub = 
    this.uploadProgress.subscribe((total: number) => {
      this.progress=total;
          });

 } 
}