Question

我在本教程的基础上做了演示：https://github.com/valor-software/ng2-file-upload。我想单个文件上传，但没有删除文件按钮。通过添加文件A，之后我添加文件B.文件A将被文件B替换。这是我的上传者：

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

请指教我

Answer 1

可能可以使用库提供的函数的onAfterAddingFile回调。下面是示例代码。始终使用最新文件覆盖旧文件，并且队列将始终包含一个最新文件。

  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);
}

Answer 2

正如Arun Muthiyarkath所建议的那样，您可以使用onAfterAddingFile，但是较短的代码是：

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

来源：https://github.com/valor-software/ng2-file-upload/issues/703

Answer 3

gmavenplus-plugin

ng2-file-upload单上传覆盖文件上传

3 个答案: