我将尝试解释这个组件发生了什么,我已经这样定义了组件
<p-fileUpload #fileUpload accept=".csv,.txt" maxFileSize="1000000" customUpload="true" (uploadHandler)="uploadFile($event)">
Run Code Online (Sandbox Code Playgroud)
在我的包 Json 上,我有这个“primeng”:“^4.1.0-rc.3”,并且在 js 文件中有这个方法
uploadFile(event) {
for (let file of event.files) {
this.uploadedFiles.push(file);
}
this.uploadFileService.doSomething(this.uploadedFiles[0]).subscribe(x => {
this.fileInfo = x;
..do some stuff..
});
}
Run Code Online (Sandbox Code Playgroud)
它第一次按预期工作(显示组件选择、上传和取消的 3 个按钮)并让我从弹出窗口中选择文件,然后该过程继续调用 uploadFile 方法;问题是,一旦它完成,如果我尝试再次上传同一个文件,它不允许我这样做。它只允许我选择文件,但从不启用上传按钮,当然,从不调用 uploadFile 方法。但是如果我选择另一个不同于以前的文件,它会按预期工作,这意味着调用 uploadFile 方法。
我在用
this.fileUpload.clear();
Run Code Online (Sandbox Code Playgroud)
只是为了清除向用户显示上传文件的部分
有什么建议吗?