从多个文件输入中获取特定文件并将其分配给javascript中的其他输入

Question

我有多个文件输入的表单

<input type="file" name="images[]" multiple>
<input type="file" name="images[]" multiple>
<input type="file" name="images[]" multiple>
.....

用户可以从一个输入上传多个文件。表单在输入更改时提交（当用户选择文件并单击上传时）。有没有办法从这个输入中获取一个特定的文件并将其分配给另一个？假设用户在第一个输入中选择 3 个文件。我想要做的是“获取”2个文件（所以在第一次输入时只剩下一个文件）并将它们分配给另外2个输入。所以最后，每个输入只有一个文件。我怎样才能做到这一点？我试图从输入 $('#myInput').val() 中获取值，但它只返回最后一个文件。也尝试过var files = document.getElementById("myInput").files，但它没有帮助，我不能“获取”文件并将它们分配给另一个输入

Answer 1

可以将现有的FileList 对象（例如从<input type="file"> .files 或DataTransfer.files 对象中检索到的）分配给不同的<input type="file"> .files 属性。无法从.files 属性引用的FileList 对象中删除File 对象。

您可以做的是迭代FileList 并将File 对象分配给FormData 对象或数组。否则 .files 属性是只读的。

另见input file to array javascript/jquery。