ng2-file-upload single upload override file upload

Question

I do the demo base on this tutorial: https://github.com/valor-software/ng2-file-upload. I want to single file upload but without remove file button. By adding the File A, after that I add the File B. File A will be replaced by file B. here is my uploader:

 this.uploader = new FileUploader(
      {
        url: this.baseURL,
        allowedFileType: ["xls"],
        maxFileSize: 5,
        queueLimit: 1
      });

Please advice me

Rijaz Ali · Accepted Answer · 2019-09-01 06:58:22Z

4

As Arun Muthiyarkath suggested, you can use the onAfterAddingFile, but the shorter code would be:

  ngOnInit() {
    this.uploader.onAfterAddingFile = (fileItem: FileItem) => {
      if (this.uploader.queue.length > 1) {
        this.uploader.removeFromQueue(this.uploader.queue[0]);
      }
    };
  }

Source: https://github.com/valor-software/ng2-file-upload/issues/703

answered Sep 1, 2019 at 6:58

Rijaz Ali

2751 gold badge2 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Arun Muthiyarkath · Accepted Answer · 2018-08-02 05:53:12Z

3

Probably you can use onAfterAddingFile callback of the library provided function. Below is the sample code. This is always override old file with latest file and queue will always contain one item which is the latest file.

  ngOnInit() {

     this.uploader.onAfterAddingFile = (fileItem: FileItem) => this.onAfterAddingFile(fileItem)

}

onAfterAddingFile(fileItem: FileItem) {
   let latestFile = this.uploader.queue[this.uploader.queue.length-1]
   this.uploader.queue = []; 
   this.uploader.queue.push(latestFile);
}

answered Aug 2, 2018 at 5:53

Arun Muthiyarkath

1361 silver badge11 bronze badges

Comments

Malekai · Accepted Answer · 2019-12-22 09:54:31Z

0

this.uploader.onAfterAddingFile = (fileItem: FileItem) => {
  if (this.uploader.queue.length > 0) {
    this.uploader.queue = [fileItem];
  }
};

edited Dec 22, 2019 at 9:54

Malekai

5,0706 gold badges35 silver badges65 bronze badges

answered Dec 21, 2019 at 18:17

hanan

1,9291 gold badge16 silver badges19 bronze badges

1 Comment

mjuarez Over a year ago

Please don't post code by itself as an answer. Try to add more context as to why this would solve the original question posted.

Collectives™ on Stack Overflow

ng2-file-upload single upload override file upload

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related