活动不会触发多次

时间:2020-08-18 05:50:57

标签: javascript html typescript events

在我的角度应用程序中,我正在尝试上传文件。每次选择文件时,我都会触发该事件。我能够第一次触发该事件,但下次无法使用。我该如何解决。请引导我。

HTML

 <div class="col-md-5 d-flex justify-content-center">
            <label class="file-label" for="file-upload">Please upload your data. click here!
              <i class="fa fa-upload"></i>
            </label>
            <input type="file" id="file-upload" accept=".zip" (change)="onFileSelected($event)" [hidden]="true">
          </div>

TS

onFileSelected(event) {
console.log(event.target.files);
}

1 个答案:

答案 0 :(得分:1)

选择文件后,您应该清除输入值event.target.value = ''