Angular - парсинг нескольких файлов не работает - PullRequest
Новая
       13

Angular - парсинг нескольких файлов не работает

0 голосов
/ 08 апреля 2019

Я пытаюсь загрузить несколько файлов из блока * ngFor. Я не могу правильно проанализировать содержимое

Я использую массив для хранения имен файлов, и если я снова пытаюсь выбрать файл, я не могу получить новое имя файла

это мой HTML-код 

  <div *ngFor="let data of fileList, let i = index">

    <label class="adpLabel">{{data.fileDesc}}</label>   
    <input readonly  type="text" value={{filename[i]}}>
    <input type="file" id="{{data.fileName}}" name="{{data.lastUpdateTsFile}}"
    #selectFiles hidden accept=".xls,.xlsx" (change)="getFileInfo($event, i)">
    <button mat-button (click)="selectFiles.click()" class="browseBtn">Browse</button>    
 </div>

это мой файл component.ts 


export class appComponent implements OnInit {


 fileType : any = [];
 filename : any = [];
 file : any = [] ;


 getFileInfo(event, i) {

this.file.push(event.target.files);
this.fileType.push(event.target.id);
this.fileUploadDate.push(event.target.name);

for (let i = 0; i < this.file.length; i++) {
  let fileName = this.file[i][0].name; 
  let id = this.fileType[i];
  let fileDate = this.fileUploadDate[i];
  let extension = fileName.substring(fileName.lastIndexOf(".")).toLowerCase();

  if ( extension==".xls" || extension==".xlsx" ) {

    this.filename[i] = fileName; 
    this.fileType[i] = id;

    }

  }
}
  }

Я ожидаю найти файл несколько раз, чего я не могу сейчас сделать.

1 Ответ

0 голосов
/ 08 апреля 2019

измените ваш файл TS на 

getFileInfo(event, i) {
   if(this.file[i]){
      this.file.splice(i,1,event.target.files);
      this.fileType.splice(i,1,event.target.id);
   }
   else{
      this.file[i]=event.target.files;
      this.fileType[i]=event.target.id;
      //this.file.push(event.target.files);
      //this.fileType.push(event.target.id);
   }
   for (let j = 0; j < this.file.length; j++) {
      let fileName:string='';
      let extension:string;
      if(event.target.files[j]){
       fileName=event.target.files[j].name;
       extension = fileName.substring(fileName.lastIndexOf(".")).toLowerCase();
      } 
      let id:any; 
      if(this.fileType[j]){
        id=this.fileType[j];
      }
      if ( extension==".xls" || extension==".xlsx" ) {
        this.filename[i] = fileName; 
        this.fileType[i] = id;
      }
   }
}
...