嘿，这个需求完全可以实现！虽然浏览器出于安全考虑禁止直接给type="file"的输入框设置本地文件路径，但我们可以借助浏览器的File API把你的字符串转换成合法的File对象，再通过模拟文件选择的方式绑定到输入框上，具体步骤如下：

实现代码示例 #

// 1. 获取目标DOM元素
const fileInput = document.querySelector('input[type="file"]');
const submitButton = document.querySelector('button[type="submit"]');

// 2. 准备你的文件内容、文件名和类型
const transfersContent = "这里替换成你实际的transfers文件字符串内容";
const fileName = "transfers.txt"; // 根据需求修改文件名，比如transfers.csv
const fileMimeType = "text/plain"; // 对应文件类型，CSV的话用text/csv

// 3. 将字符串转为Blob，再包装成File对象
const contentBlob = new Blob([transfersContent], { type: fileMimeType });
const customFile = new File([contentBlob], fileName, { type: fileMimeType });

// 4. 创建DataTransfer对象模拟用户选择文件
const dataTransfer = new DataTransfer();
dataTransfer.items.add(customFile);

// 5. 给input元素设置文件（这一步是核心，绕过直接赋值的限制）
fileInput.files = dataTransfer.files;

// 6. 触发提交按钮完成上传
submitButton.click();

关键细节说明 #

• 为什么用DataTransfer？：input[type="file"]的files属性是只读的，无法直接赋值，但通过DataTransfer模拟用户手动选择文件的操作，浏览器会认可这个赋值——因为这是我们主动创建的文件，不是读取本地未授权的文件。
• 文件类型调整：如果你的transfers文件是CSV格式，只需要把fileMimeType改成text/csv，文件名改成transfers.csv即可，其他格式同理（比如JSON用application/json）。
• 兼容性：现代主流浏览器（Chrome、Firefox、Edge、Safari 10+）都支持这套API，不需要额外兼容处理。

注意事项 #

• 这段代码必须在同一页面的上下文中执行（比如浏览器控制台、页面内的脚本），跨域脚本无法操作，这也是浏览器的安全限制之一。
• 确保目标input元素没有设置disabled或readonly属性，否则无法成功绑定文件。

内容的提问来源于stack exchange，提问作者Rodrigo Ruiz