JavaScript如何不借助HTML表单读取固定路径的本地文件

首先明确：普通浏览器环境下，前端JavaScript受沙箱安全策略约束，完全无法直接通过本地固定路径字符串读取用户磁盘上的任意文件，这个规则和你用不用HTML表单、读什么格式的文件没有关系，所有现代主流浏览器（Chrome、Edge、Firefox、Safari）均强制执行该限制，不存在生产环境可直接使用的绕过方案。早年IE支持的ActiveX本地文件读写接口早已废弃，且默认禁用，不具备实用性。

如果你的应用是运行在Electron、NW.js等带Node.js权限的桌面端Web容器中，不受浏览器沙箱限制，可以直接通过路径读取文件；如果是运行在普通浏览器里的公网/内网网页，必须通过用户主动触发的文件选择操作获取文件授权，哪怕你不用写HTML表单标签，也绕不开用户选文件这一步。

你不需要写静态的<form>标签，动态创建文件选择器即可，用户选完文件后直接拿到原生File对象，无需表单提交，自行构造POST请求上传即可，支持Word等所有二进制格式文件：

// 动态创建文件选择控件，完全不需要挂载到HTML表单上
const fileSelector = document.createElement('input');
fileSelector.type = 'file';
// 限定仅选择Word格式文件，可根据需求调整
fileSelector.accept = '.doc,.docx';

// 绑定文件选择后的处理逻辑
fileSelector.addEventListener('change', async (e) => {
  // 拿到用户选中的文件，就是标准的原生File对象
  const selectedFile = e.target.files[0];
  if (!selectedFile) return;

  // 方案1：最省事，直接把File对象塞FormData上传，不会损坏二进制文件
  const uploadForm = new FormData();
  uploadForm.append('word_file', selectedFile, selectedFile.name);
  // 发POST请求，注意不要手动设置Content-Type，浏览器会自动补全multipart/form-data的边界参数
  const uploadRes = await fetch('/your/server/upload/endpoint', {
    method: 'POST',
    body: uploadForm
  });

  // 方案2：如果你需要拿到二进制字符串/ArrayBuffer自行处理，用FileReader读取
  const reader = new FileReader();
  reader.addEventListener('load', () => {
    // 这里的binaryResult就是文件的二进制ArrayBuffer，可直接转二进制字符串或者做其他处理
    const binaryResult = reader.result;
    // 后续自定义请求逻辑即可
  });
  // 注意：二进制文件必须用readAsArrayBuffer，不要用readAsText，会导致Word文件编码损坏
  reader.readAsArrayBuffer(selectedFile);
});

// 你可以在自己业务的按钮点击、其他交互逻辑里触发文件选择窗口，完全脱离表单
// 注意：这个触发必须是在用户主动交互的事件回调里，否则浏览器会拦截
document.querySelector('#your-upload-btn').addEventListener('click', () => {
  fileSelector.click();
});

这类容器给了前端Node.js系统访问权限，可以直接通过固定路径读取文件，再转成标准File对象走和浏览器一致的上传逻辑：

// 注意：需要开启渲染进程Node集成，或者把这段逻辑放在主进程通过IPC调用
const fs = require('fs/promises');
const { Blob } = require('buffer');

/**
 * 读取本地固定路径的文件，返回和浏览器一致的原生File对象
 * @param {string} filePath 本地文件绝对路径
 * @returns {Promise<File>}
 */
async function getFileFromLocalPath(filePath) {
  // 读取文件为二进制Buffer
  const fileBuffer = await fs.readFile(filePath);
  // 提取路径里的文件名
  const fileName = filePath.split(/[\\/]/).pop();
  // 转成标准File对象，MIME类型按docx格式设置，doc格式可调整为application/msword
  return new File([new Blob([fileBuffer])], fileName, {
    type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
  });
}

// 调用示例
const targetFilePath = 'C:/Users/yourname/Documents/项目方案.docx';
getFileFromLocalPath(targetFilePath).then(file => {
  // 拿到File对象后，上传逻辑和浏览器环境完全一致
  const fd = new FormData();
  fd.append('word_file', file);
  fetch('/your/server/upload/endpoint', {
    method: 'POST',
    body: fd
  });
});

• 不要用FileReader.readAsText()读取Word这类二进制文件，会因为编码转义导致文件损坏，服务端收到后无法正常打开。
• 用FormData上传文件时不要手动设置Content-Type请求头，手动设置会丢失multipart格式必须的边界参数，导致服务端解析失败。
• 普通浏览器环境下不要尝试任何"绕过用户选择直接读本地路径"的方案，所有这类方案要么依赖用户手动修改浏览器安全配置（无实用性），要么是早已修复的浏览器漏洞，无法在正式环境使用。

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