Cancellable Multiple File Upload Progress in Angular

Photo by davide ragusa on Unsplash
reportProgress: true,
observe: 'events'
  • The method to get container url => getSharingLink
  • The method to get file specific urls => getUploadLinks
cancelUpload(): void {
if (this.sharingSubscription) {
this.sharingSubscription.unsubscribe();
}
if (this.uploadSubscription) {
this.uploadSubscription.unsubscribe();
}
if (this.forkJoinSubscription) {
this.forkJoinSubscription.unsubscribe();
}
this.isUploadFailure = true;
}

--

--

--

I would love to change the world, but they won’t give me the source code | coding 👩🏼‍💻 | coffee ☕️ | jazz 🎷 | anime 🐲 | books 📚 | drawing 🎨

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

My Journey in Learning Domain-Driven-Design part4 (Value-objects)

What is New in Angular 10

Advantages of using React.js over other JS UI frameworks

Matrix Rotation

Maze Generation with Depth First Search and Recursive Backtracking

Building simple React application with GraphQL andTypeScript

Use decision tables to write better tests faster

Running TypeScript without Compiling

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nil Seri

Nil Seri

I would love to change the world, but they won’t give me the source code | coding 👩🏼‍💻 | coffee ☕️ | jazz 🎷 | anime 🐲 | books 📚 | drawing 🎨

More from Medium

Everything you need to know about angular reactive forms minus validations

Useful Tools for Angular Upgrade

2. Creating Dynamic Forms & Usage of CustomValueAccessor

Angular Code Review Tips