angular - 事件仅在第一次点击时触发 angular - 7

Question

我试图在我的角度应用程序中创建文件上传，但我有一个奇怪的问题，即事件仅在第一次点击时触发。

模板

 <input 
        multiple
        type="file" 
        (change)="onFileSelected($event)"
        id="file"
        class="upload-box__btn__file-input"/>
      <label class="upload-box__btn__file-label" for="file">Upload file from pc</label>

零件

onFileSelected(event: Event) {
    console.log(event)
    const file = (event.target as HTMLInputElement).files[0];
    // if (file.length >= 1) {
    //   this.fileToUpload = file;
    // }
  }

标签： angulartypescript

Answer 1

我认为问题在于您在 上放置了一个更改事件，input type file并且只有在所选文件不同时才会触发它。