如何通过JavaScript/jQuery程序化设置文件输入字段值？

首先明确：普通前端网页无法直接设置input[type="file"]的文件路径/值，这是浏览器的核心安全限制——防止恶意脚本未经用户许可访问本地文件系统，所有主流浏览器都严格执行这个规则，直接修改value属性会被浏览器拦截。

那你提到的求职自动化扩展能实现，原因是它是浏览器扩展（Browser Extension），扩展拥有普通网页没有的权限：

• 扩展可以通过浏览器提供的API在用户授权后访问本地文件
• 扩展运行的上下文权限更高，允许通过DataTransfer对象直接修改文件输入的files属性，而不是修改value路径

扩展中实现的核心代码示例： #

// 前提：扩展已通过API获取到本地文件的File对象
const fileInput = document.querySelector('input[type="file"]');
const dataTransfer = new DataTransfer();
// 将获取到的File对象添加到DataTransfer
dataTransfer.items.add(targetFile);
// 替换文件输入的files集合
fileInput.files = dataTransfer.files;

普通网页的替代方案： #

如果是在普通网页场景下，无法绕过浏览器限制直接设置文件路径，只能通过用户主动触发的方式填充文件：

• 引导用户手动选择文件（默认的文件选择框）
• 支持文件拖放，监听drop事件获取文件后设置files属性
• 支持剪贴板粘贴文件（部分浏览器支持）

总结： #

你看到的扩展功能依赖浏览器扩展的高权限，普通网页脚本无法实现相同效果。如果要做类似的自动化工具，只能开发浏览器扩展，而不是在普通网页中尝试突破安全限制。

内容的提问来源于stack exchange，提问作者Hasan Badshah