AngularJSで複数のファイルアップロード中に処理を中断したい。

Question

AngularJSで複数ファイルのアップロード処理を作成したいです。
ただし条件として、Post先のファイル登録用のAPIに処理を渡した時点で色々な処理が動いてしまうので、1件単位のアップロードに3秒ほどの実行間隔を持たせ、任意で処理を中断できるようにしたいです。
イメージとして以下を実現したいです。

①ファイル選択はmultiple属性で複数選択可能にする
②ファイルはcomponent内で1件ずつループして、ファイル登録用のAPIをコールするserviceを呼ぶ
③はプログレスバーで管理して、アップロード中に「cancel」のようなボタンを配置し、押下したらループを中断

③があるので、非同期処理では厳しいと考えており、同期処理にして且つ、画面のonClickイベントをキャッチして処理を中断させる仕組みが必要と考えています。

Angularでアップロード＆プログレスバーの処理は下記サイトを確認し一度実装してみました。
https://www.shabang.dev/angular-12-file-upload-formdatahttps://www.shabang.dev/angular-12-file-upload-formdata
ただし、こちらは非同期処理になるためPostが瞬間的に実行されてしまい、中断のイベントを差し込むことができません。

Angularは初心者レベルで、フロントの開発自体の経験が非常に浅いため、実現が可能なのか自体を判断したいと考え相談させていただきたいです。
漠然とした質問で恐縮ですが、よろしくお願いいたします。