javascript - javascript：ユーザー入力のFileListをinput：filesに覚えておきたい

Question

ファイルをアップロードするにはinput：fileが必要ですが、ユーザーがファイルを複数回追加しました。最後に、ユーザーが選択したすべてのファイルをアップロードする必要があります。

しかし、私は問題に直面します。なぜFileListを設定しようとするのですか。Filelistオブジェクトのサイズを変更して、別の新しいファイルを入力するにはどうすればよいですか？

Answer 1

私があなたの問題を正しく理解している場合は、ボタンを複数回クリックしてファイルを選択し続けることをお勧めします。の回。

そのためには、次のようなことができます。

1. 入力ファイルの onchange イベントを追加
2. 選択したすべてのファイルを保持するハッシュテーブル (単にオブジェクト) を維持します。
3. onchange イベント ハンドラー内で、ハッシュ テーブルを埋めます。(注: 要件によっては、このハッシュテーブルの「キー」の作成方法を変更したい場合があります)。

<input type="file" multiple="multiple" id="fname" onchange="pp()" />​

<script type="text/javascript">
var x={};
function pp()
{
    var k = document.getElementById("fname");
    for (var i = 0; i < k.files.length; i++){
      x[k.files[i].name]=k.files[i];
    }
    console.log(x);
}
</script>