如何修改 FormData 对象中的文件对象和 FileList 长度？

修改 FormData 对象中的 File 对象和 FileList 长度

问题：

我们如何修改 FormData 对象中的 File 对象FileList 并设置其长度，确保文件反映在 FormData 中对象？

答案：

使用 DataTransfer

正如原始发布者 (OP) 所发现的，DataTransfer API 提供一种完成此任务的方法，尽管其当前存在局限性（仅由 Blink 支持，FF >= 62）。通过 DataTransferItemList 创建可变 FileList，我们可以在 HTML 文件输入元素的 FileList 上设置任意文件。

// 创建一个新的 DataTransfer 对象
const dT = new DataTransfer();

//将 File 对象添加到 DataTransferItemList
dT.items.add(new File(['foo'], 'programmatically_created.txt'));

// 将输入元素的 files 属性设置为DataTransfer 对象的文件
inp.files = dT.files;

<input type="file">

这种方法有效地修改了文件输入元素内的FileList，并且更新的文件将反映在FormData中

限制：

需要注意的是，该技术目前的浏览器支持有限。此外，不支持 DataTransfer 构造函数的浏览器可能需要一些后备行为。