angular - angular4多文件上传第二组文件清空

问题描述

我是角度新手

我正在使用多个文件上传

      <input #fileInput type="file"  multiple="true" ngModel class="form-control" name="image[]" accept="image/png, image/jpeg, image/gif" id="image" 
  (click)="fileInput.value = null;" (change)="onChange($event)">

为了显示图像预览，我使用了下面的代码

<div *ngFor="let item of filelist; let i = index; " >
            <img  *ngIf="item != '' " id='img-upload' [src]="item"> 
 </div>

图像改变事件网络

我这样tmp_files :File[] = [] ;声明

   onChange(event:any) {   


  //this.fupload = event.srcElement.files;  // not working in firefox
  this.fupload = event.target.files; 
// to get the files in array

  this.tmp_files.push(event.target.files);

  //console.log(event.target.files.length+' <> '+this.dind.length);
  this.urlval = event.target.files[0].name;




  for(let i=0; i< event.target.files.length; i++ ) {

    if (event.target.files && event.target.files[i]) {
      var reader = new FileReader();
      reader.onload = (event:any) => {
        this.url = event.target.result;
        this.filelist.push(this.url);

      }
      reader.readAsDataURL(event.target.files[i]);
    }
  }

}

我选择3个文件