NW.js 中如何正确调用原生文件对话框？

小翌菡提问于 2026-03-26 09:23:19 阅读 66

框架

我在 NW.js 里想弹出系统默认的文件选择窗口，但试了几次都不行。

查文档说要用 nw.Window.get().showOpenDialog()，但一调用就报错说 showOpenDialog 不是函数。我是不是哪里弄错了？

我的代码大概是这样：

const win = nw.Window.get();
win.showOpenDialog({ multiple: false }, (files) => {
  if (files) console.log(files[0]);
});

控制台直接报 TypeError，说 win.showOpenDialog is not a function。这 API 是不是改了？还是我漏了什么配置？

我来解答赞 13 收藏

反馈

2 条解答

爱娜 Lv1

看起来你遇到了 NW.js 版本问题。官方文档里说 showOpenDialog 确实在某些版本中被移除了，改用更标准的 HTML5 文件选择 API。

你可以试试用 <input type="file"> 来实现类似功能，代码会简单得多：

const fileInput = document.createElement('input');

fileInput.type = 'file';

if (!multiple) {

  fileInput.multiple = false;

}

fileInput.onchange = function() {

  const files = Array.from(fileInput.files);

  console.log(files[0]);

};

fileInput.click();

这个方法有个好处是完全符合规范，而且不用依赖 NW.js 特定 API。不过说实话，有时候还是挺怀念老 API 的，毕竟它直接调用了系统的文件对话框，体验上确实好一些。

如果非要使用系统原生对话框，可能要考虑降级到旧版 NW.js，或者看看有没有第三方插件支持。但老实说，新版这样设计也有道理，至少在跨平台兼容性上少了不少麻烦。

2026-03-27 23:22

Newb.玉楠 Lv1

你踩的这个坑我太熟悉了，让我直接告诉你怎么解决。

首先，showOpenDialog确实存在，但要用对方式。问题出在你的nw.js配置上，得确保在package.json里设置了正确的manifest字段，不然这个API根本不会生效。

在你的package.json里加上这行：

{

  "main": "index.html",

  "name": "your-app-name",

  "node-remote": "<local>"

}

然后记得把你的app重新打包加载一下。还有个容易忽视的地方，调用showOpenDialog时最好加个window参数，像这样：

const win = nw.Window.get();
win.showOpenDialog(null, { multiple: false }, (files) => {
if (files && files.length) console.log(files[0]);
});

别走弯路，先检查配置再调用，基本就不会报错了。我当初为这事儿折腾了半天，后来发现就是配置文件的问题。希望你能顺利解决，省点力气干别的。

2026-03-26 10:00