如何將文件對象附加到html元素？

Question

用戶可以使用<input type="file">元素瀏覽多個img文件。 然后，將所選文件對象臨時存儲在數組中，並在由div和其他元素構成的表中向用戶顯示屬性。

這樣，用戶可以多次瀏覽和選擇文件，然后將它們添加到表中，甚至在最終將集合上載到服務器之前再次刪除其中的一些文件。

將對象附加到數組並將行附加到表以使它們與1：1匹配不是問題。 從表和數組元素中刪除行並使它們保持匹配變得很棘手。

所以我的問題是，是否有更好的方法將文件對象添加/綁定到html元素，所以當刪除元素時，綁定的文件對象也會被刪除？

順便說一句，我正在使用純JS。

Answer 1

我自己回答我的問題：

Osacr Paz 在此介紹了將對象綁定到html元素的最簡單方法。 我測試了一下，它解決了我的問題。

這是從鏈接復制的答案：

---

最簡單的方法是：

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

在JavaScript中

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

如果需要，可以稍后使用簡單的同一個myDiv變量，或者再次使用document.getElementById()或返回該元素的任何其他DOM方法，來恢復此錯誤。

var variable = myDiv._variable;

這樣做的缺點是，您無法在服務器中或從標記中指定要附加到元素的對象。