ファイルオブジェクトをhtml要素に添付するにはどうすればいいですか？

Question

ユーザは、<input type="file">要素を持つ複数のimgファイルを参照できます。選択されたファイルオブジェクトは、一時的に配列に格納され、属性はdivやその他の要素からテーブルビルドでユーザーに表示されます。

この方法で、ファイルを複数回ブラウズして選択してテーブルに追加したり、最後にコレクションをサーバーにアップロードする前に再度削除することもできます。

オブジェクトを配列に追加し、行をテーブルに追加して1：1に一致させることは問題ありませんが、テーブルや配列の要素から行を削除し、それらの要素を一致させておくのは難しいことです。

私の質問は、ファイルオブジェクトをhtml要素に追加/バインドするより良い方法がある場合です。要素が削除されると、バインドされたファイルオブジェクトも削除されますか？

私は純粋なJSを使用しています。

Answer 1

私は私の質問には、自分自身に答える：

html要素にオブジェクトをバインドする最も簡単な方法は、Osacrラパスでhereに記載されています。私はそれをテストし、私の問題を解決します。ここで

は、リンクからコピーされた答えです：

---

最も簡単な方法は、これを行うことです：あなたは、後であれば、これを回復することができ

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

javascriptの

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

で単純に同じmyDiv変数を使用するか、もう一度document.getElementById()または他のDOMメソッドを使用して要素を返します。

var variable = myDiv._variable; 

この方法でそれをすることの欠点は、あなたが要素に添付するどのオブジェクト、サーバー、またはマークアップから、指定できないということです。