Angular语言 - 上传文件并在插入后在Datatable中呈现

Question

我在将文件列表呈现给网格时遇到了一个问题。操作应该是这样的:当选择文件并单击ok时，当关闭文件选择对话框时，它应该在网格中显示文件名和大小。我如何使用Agular做到这一点?

html

<input type="file" (change)="onFileChangeInfo($event)"/>

TS

myFiles: File[] = [];
onFileChangeInfo(event: any): File[] {
for (var i = 0; i < event.target.files.length; i++) { 
this.myFiles.push(event.target.files[i]);
}
return this.myFiles;

}

Answer 1

<input type="file" multiple (change)="onFileChangeInfo($event)"/>
<ul *ngFor="let file of myFiles">
<li>
<p>Name: {{file.name}}</p>
<p>Size: {{ file.size / 1024}}</p>
</li>
</ul>