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

Javascript 如何将文件对象附加到html元素?,javascript,Javascript,用户可以使用元素浏览多个img文件。选定的文件对象临时存储在一个数组中,属性在div和其他元素的表构建中显示给用户 这样,用户可以多次浏览和选择文件,并将它们添加到表中,甚至在最终将集合上载到服务器之前再次删除其中的一些文件 而将对象追加到数组中并将行追加到表中以使它们匹配1:1并不成问题。从表和数组元素中删除行并保持它们的匹配越来越困难 所以我的问题是,是否有更好的方法将文件对象添加/绑定到html元素,那么当元素被删除时,绑定的文件对象也会被删除 顺便说一句,我使用的是纯JS。我自己回答我的

用户可以使用
元素浏览多个
img
文件。选定的文件对象临时存储在一个数组中,属性在
div
和其他元素的表构建中显示给用户

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

而将对象追加到数组中并将行追加到表中以使它们匹配1:1并不成问题。从表和数组元素中删除行并保持它们的匹配越来越困难

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


顺便说一句,我使用的是纯JS。

我自己回答我的问题:

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

以下是从链接复制的答案:


最简单的方法是:

<div id="myDiv">...</div>
如果需要,您可以稍后恢复,只需使用相同的myDiv变量,或者再次使用
document.getElementById()
或任何其他返回元素的DOM方法

var variable = myDiv._variable;
这样做的缺点是,您无法在服务器中或从标记中指定要附加到元素的对象。

请。答案“仅仅是指向外部站点的链接”。
var variable = myDiv._variable;