如何将文件对象附加到html元素？

Question

用户可以使用img元素浏览多个<input type="file">个文件。所选文件对象暂时存储在一个数组中，并且属性在div和其他元素的表构建中显示给用户。

这样，用户可以多次浏览和选择文件并将其添加到表中，甚至在最终将集合上传到服务器之前再删除其中一些文件。

虽然将对象附加到数组并将行追加到表中以使它们与1：1匹配不是问题。删除表中的行和数组的元素并使它们保持匹配变得棘手。

所以我的问题是，是否有更好的方法将文件对象添加/绑定到html元素，所以当删除元素时，绑定的文件对象也会被删除？

BTW我正在使用纯JS。

Answer 1

我自己回答我的问题：

Osacr Paz描述了将对象绑定到html元素的最简单方法here。我测试了它，它解决了我的问题。

以下是从链接中复制的答案：

最简单的方法是：

<div id="myDiv">...</div>

在javascript中

var myDiv = document.getElmentById('myDiv');
myDiv._variable = variable;

如果需要，您可以稍后恢复此功能，只需使用相同的myDiv变量，或者再次使用document.getElementById()或任何其他返回元素的DOM方法。

var variable = myDiv._variable;

这样做的缺点是，您无法在服务器中或从标记中指定要附加到元素的对象。