3

FileList(ドロップ イベントから) インスタンスを分割し、event.dataTransfer.fileListその中の各ファイルを個々の <input type="file" ... />要素に割り当てることは可能ですか?

たとえば、ドロップ イベントからすべてのファイル (1 つ以上...) を入力要素に割り当てるには、次のようにしfileInputElementます。

function dropHandler(event) {
  fileInputElement.files = event.dataTransfer.files;
}

私は次のようなものを探しています:

function dropHandler(event) {
  // assume fileEls is an array of input[type=file] elements
  for (var i = 0; i < event.dataTransfer.files.length; i++) {

    // yep, FileList.push doesn't exist..
    fileEls[i].files.push(event.dataTransfer.files.item(i));

    // and this (imagined) FileList constructor is not available...
    fileEls[i].files = new FileList([event.dataTransfer.files.item(i)]);
  }
}

いいえ、できないことを示す兆候...

4

2 に答える 2