React浏览器上传7z文件调用node-7z提取报错，如何获取正确文件路径？

• 你使用的node-7z是Node.js服务端专属库，它依赖Node.js内置的child_process.spawn接口调用本地7z二进制程序，Chrome浏览器运行环境没有这个接口，也没有权限直接调用本地程序、读写本地文件系统的真实路径，这才是spawn is not a function报错的核心原因，和你传入的路径是否正确无关。
• 纯浏览器环境下，你拿到的上传File对象的path属性仅为文件名，并非用户本地的真实文件路径，浏览器出于安全沙箱限制，不会向网页暴露用户本地文件的真实存储路径，只有Electron等混合桌面开发环境下才会提供真实路径。

方案1：纯前端浏览器环境处理 #

放弃node-7z，改用支持浏览器运行的纯JS/WASM版本7z解压工具，比如7z-wasm、libarchive.js，这类工具不需要调用本地程序，可直接读取File对象的二进制内容在内存中完成解压，示例代码如下：

// 以7z-wasm为例
import Seven from '7z-wasm'

const _7zOpen = async (f) => {
  // 将File对象转为Uint8Array二进制格式
  const fileBuffer = await f.arrayBuffer()
  const fileUint8 = new Uint8Array(fileBuffer)
  // 直接在内存中解压
  const extractResult = await Seven.extract(fileUint8)
  // 遍历所有解压后的文件
  for (const file of extractResult) {
    console.log('解压文件名：', file.name, '文件内容：', file.data)
  }
}

方案2：后端处理 #

将用户上传的7z文件提交到你的Node.js后端服务，在服务端用node-7z处理：后端接收到文件后先存储到服务器本地临时目录，拿到文件在服务器上的真实存储路径，再传入extractFull方法即可正常运行，处理完成后将结果返回前端即可。

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