Node.js中如何获取上传文件的完整路径？（Ubuntu 17.10环境）

首先得明确一个核心限制：在普通浏览器环境下，出于安全考虑，你是绝对无法获取到用户本地文件的完整路径的。浏览器会刻意隐藏这个信息，所以你拿到的File对象里永远不会包含类似/home/m/Desktop/FileToBeUploaded.txt这样的路径——这是浏览器的安全策略，目的是防止网页窃取用户本地文件系统的敏感信息。

不过看你提到用Node.js，推测你应该是在开发Electron桌面应用（因为普通Node.js环境不会有浏览器的Input File组件）。如果是Electron的话，我们可以利用它的Node.js集成能力和桌面API来获取完整文件路径，进而执行子进程操作。

解决方案：用Electron的Dialog API获取完整路径 #

Electron的主进程拥有访问本地文件系统的权限，所以最佳实践是在主进程中处理文件选择和子进程执行，而不是依赖前端的Input File组件。

步骤1：主进程中实现文件选择与子进程执行 #

在你的Electron主进程代码（比如main.js）中，添加以下逻辑：

const { app, BrowserWindow, dialog, ipcMain } = require('electron');
const { exec } = require('child_process');

// 当渲染进程请求选择文件时，弹出系统文件选择框
ipcMain.handle('get-file-path', async () => {
  const selectResult = await dialog.showOpenDialog({
    properties: ['openFile'], // 允许选择单个文件
    filters: [{ name: 'Text Files', extensions: ['txt'] }] // 只显示txt文件，可根据需求修改
  });

  // 如果用户没有取消选择，返回第一个文件的完整路径
  return selectResult.canceled ? null : selectResult.filePaths[0];
});

// 接收渲染进程的请求，执行子进程操作
ipcMain.on('run-subprocess', (event, filePath) => {
  // 替换成你需要执行的命令，比如cat、grep或者自定义脚本
  const command = `cat "${filePath}"`;
  
  exec(command, (error, stdout, stderr) => {
    if (error) {
      event.reply('subprocess-error', `执行失败：${error.message}`);
      return;
    }
    if (stderr) {
      event.reply('subprocess-stderr', stderr);
      return;
    }
    event.reply('subprocess-stdout', stdout);
  });
});

// 初始化窗口的代码省略...

步骤2：渲染进程中触发文件选择并接收结果 #

在你的前端页面（比如index.html）中，替换原来的Input File组件为一个按钮，通过IPC和主进程通信：

<button id="selectFileBtn">选择要处理的TXT文件</button>
<div id="output"></div>

<script>
const { ipcRenderer } = require('electron');

document.getElementById('selectFileBtn').addEventListener('click', async () => {
  // 请求主进程获取文件完整路径
  const filePath = await ipcRenderer.invoke('get-file-path');
  
  if (!filePath) return; // 用户取消了选择

  // 请求主进程执行子进程操作
  ipcRenderer.send('run-subprocess', filePath);
});

// 监听子进程的输出结果
ipcRenderer.on('subprocess-stdout', (event, output) => {
  document.getElementById('output').textContent = `执行结果：\n${output}`;
});

ipcRenderer.on('subprocess-error', (event, errorMsg) => {
  document.getElementById('output').textContent = errorMsg;
});
</script>

为什么不能用Input File组件直接拿路径？ #

再强调一次：浏览器（包括Electron的渲染进程，本质也是Chromium）的安全模型禁止网页访问本地文件的完整路径。你之前拿到的File对象里的所有属性，都是浏览器允许暴露的非敏感信息，webkitRelativePath也只是相对路径（仅当选择文件夹时有用），不会包含绝对路径。

所以如果你的需求是要获取完整路径执行子进程，必须通过Electron的主进程来完成——主进程不受浏览器安全限制，可以直接和本地文件系统交互。

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