Javascript 使用附近的“删除”按钮选择多个文件

简介：我有一个表格，其中的一列包含一个选项，可以选择或上传文件作为表格的输入。我编写的代码可以同时选择多个文件

我的问题 我想要的是，在我选择了这些多个文件（比如说3个文件）之后，我需要一个x或一个关闭符号，或者文件名附近的一个删除按钮。这样，当我点击时，我可以单独取消选择、取消选择或删除特定文件。我附上一个样本图像如何我想要的

请告诉我是否有办法通过索引删除列表值

如果我的问题不清楚，请在下面评论

我的html代码：

 <td>
    <ng-container>
     <input style="width:240%" type="file" id="file" multiple
         (change)="getFile($event)" >
      </ng-container>
</td>

myFiles:string [] = [];
getFile (e) {
for (var i = 0; i < e.target.files.length; i++) { 
  this.myFiles.push(e.target.files[i]);
}}

我的ts代码：

 <td>
    <ng-container>
     <input style="width:240%" type="file" id="file" multiple
         (change)="getFile($event)" >
      </ng-container>
</td>

myFiles:string [] = [];
getFile (e) {
for (var i = 0; i < e.target.files.length; i++) { 
  this.myFiles.push(e.target.files[i]);
}}

myFiles:string[]=[]；
获取文件（e）{
对于（var i=0；i

我还附上了我的stackblitz，供您参考：

---

Stackblitz：

在html中，您忘记在f变量之前添加“let”

<li *ngFor="let f of files">

---

您好，您可以附加一个函数并将图像索引传递给该函数。在函数中，只需从数组中拼接索引，我已经尝试过了，但没有成功。你能给我一个stackblitz@NaseerThank的样本吗。我已经这样做了，但我的问题是，当我选择某一行中的文件时，所有行中的文件都会被选择。我希望它只在一行@angular中被选中，因为您只是在Myfiles中循环，您需要将新的文件更改推送到特定的行列表中。在这里

列出列表{{{list.file.name}}