如何在不使用HTML <file>输入标签的情况下编写获取固定文件的JS函数？

嘿，这个问题问到点子上了——毕竟浏览器的安全沙箱机制对本地文件访问管得特别严，咱们得分情况来聊可行的方案：

核心前提：普通网页JS的限制 #

首先得明确：在普通浏览器环境下，JavaScript不能直接读取本地文件系统里的某个固定路径文件。这是浏览器的安全策略，防止恶意脚本偷偷访问用户的本地文件。所以想直接硬编码文件路径来自动获取文件，是做不到的。

不过咱们有替代方案，能满足你“始终用同一个文件作为参数”的需求：

方案1：让用户主动选择一次，之后缓存复用 #

虽然不能自动获取，但可以让用户手动选一次文件，然后把这个文件对象缓存起来，之后的函数就可以反复使用这个缓存的对象，不用再让用户选了。而且可以动态创建文件输入框，不用在页面上显示固定的<input type="file">标签。

示例代码：

// 全局缓存选中的文件对象
let cachedTargetFile = null;

// 触发文件选择的辅助函数（动态创建输入框）
function initFileSelection() {
  const hiddenFileInput = document.createElement('input');
  hiddenFileInput.type = 'file';
  hiddenFileInput.style.display = 'none'; // 隐藏输入框

  hiddenFileInput.onchange = (event) => {
    cachedTargetFile = event.target.files[0];
    console.log(`已缓存目标文件：${cachedTargetFile.name}`);
    document.body.removeChild(hiddenFileInput); // 用完移除输入框
  };

  document.body.appendChild(hiddenFileInput);
  hiddenFileInput.click(); // 触发选择弹窗
}

// 你的业务函数，复用缓存的文件
function processFixedFile() {
  if (!cachedTargetFile) {
    alert('请先选择要复用的文件！');
    initFileSelection();
    return;
  }

  // 这里写你处理文件的逻辑，比如读取文本内容
  const fileReader = new FileReader();
  fileReader.onload = (readEvent) => {
    console.log('文件内容：', readEvent.target.result);
    // 这里可以添加你的业务处理代码
  };
  fileReader.readAsText(cachedTargetFile);
}

使用方式：第一次调用processFixedFile()时会弹出文件选择框，用户选完之后，后续再调用这个函数就会直接用缓存的文件，不用再选了。

方案2：Node.js环境下直接读取固定文件 #

如果你的JavaScript代码是运行在Node.js（后端）环境里，那完全没有浏览器的安全限制，可以直接指定固定文件路径，函数每次调用都读取同一个文件：

示例代码：

const fs = require('fs').promises;

// 直接指定固定文件路径
const FIXED_FILE_PATH = './your-target-file.txt';

async function processFixedFile() {
  try {
    const fileContent = await fs.readFile(FIXED_FILE_PATH, 'utf8');
    console.log('读取到的文件内容：', fileContent);
    // 这里添加你的业务处理逻辑
  } catch (error) {
    console.error('读取文件失败：', error.message);
  }
}

// 调用函数
processFixedFile();

这种场景下完全不需要任何输入标签，直接硬编码路径即可。

方案3：浏览器扩展环境（特殊场景） #

如果是开发Chrome/Firefox等浏览器扩展，你可以通过申请额外的权限（比如file://访问权限、文件系统权限）来直接读取指定本地文件，但这需要用户授权，且仅适用于扩展开发场景，不是普通网页能做到的。

总结一下：

• 普通网页JS：必须让用户主动选择一次文件，之后缓存复用，无法自动读取固定路径文件；
• Node.js：可以直接指定路径读取固定文件；
• 浏览器扩展：需申请权限后可直接访问。

内容的提问来源于stack exchange，提问作者B. Ma