1. Feedback
  2. Angular
  3. 24889

Welcome to the Angular feedback portal. We’re happy you’re here! If you have feedback on how to improve the Angular, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

An exception occurred when clicked the abort icon to stop the uploading using the public method cancel

In custom drop area, the uploading files can be cancelled when click on the abort icon. While using the public method cancel, getting the below console error.


Empty


Sample: 
https://stackblitz.com/edit/angular-lh971y-mssm28?file=app.component.ts 






















public onUploadInProgress: EmitType<Object> = (args: any) => {



    let progressValue: string =



     
Math.round((args.e.loaded / args.e.total) * 100) + "%";



    let li: HTMLElement = this.getLiElement(args);



    li.querySelector(".upload-status").innerHTML =



     
args.file.status + "(" + progressValue + " )";



     
(document.getElementsByClassName("e-file-abort-btn")[0] as any).onclick = (e: any ) => {



        this.uploadObj.cancel();



      };


  }; 

Replication procedure: 

1. Run the above sample.

2. Select files and upload

3. Cancel uploading file using abort icon.

4. Now the above reported console error occurred.