简介
nw-open-file 是一款 NPM 包，用于 Electron 或 NW.js 应用程序中打开文件时提供自定义打开文件对话框。该包是一款跨平台的解决方案，它采用了原生 UI 而非 html 的文件选择器，提供了更好的用户体验。
安装
使用 npm 进行安装：
npm install nw-open-file --save
使用
-- -------------------- ---- -------
----- -------- - ------------------------
-- --- ---- ---
-- -------
----- ------- - -
------ -------
-------- -
- ----- ------- ----------- ------- ------ --
- ----- ------- ----------- ------- ------ ------ -
-
--
----------------- ------------- ------ -
-- ------ -
----------------------- -------
-- --- ---- ---
- ---- -
-----------------
-
---API
openFile(options, callback)
参数：
options- 对象类型，提供打开文件对话框的选项：title- 字符串类型，可选，默认为选择文件，打开文件对话框的标题。filters- 数组类型，可选，默认为[]，一组用于选择的文件过滤器。每个文件过滤器为一个对象，包含name和extensions两个属性。name是一个字符串类型，用于表述该过滤器的名称。extensions是一个数组类型，包含一组用于表示过滤器接受的文件扩展名。例如：[{ name: '图片文件', extensions: ['jpg', 'png', 'gif'] }]表示该过滤器用于选择 jpg、png 或 gif 三种类型的图片文件。
callback- 函数类型。当用户单击“打开”按钮或选中文件后会调用该函数，该函数的第一个参数表示错误信息，如果打开文件成功，则该参数为null，否则为错误信息。第二个参数表示选中的文件列表，符合过滤器并成功选择的文件的路径数组。
深度
在介绍 nw-open-file 的使用方法之前，我们先简单介绍一下 nw.js 的打开文件 API。nw.js 打开文件 API 的调用方式如下：
const { dialog } = require('electron').remote;
dialog.showOpenDialog({
properties: ['openFile', 'multiSelections']
}, function(files) {
if (files) {
console.log(files);
}
});可以看到，该 API 的使用方法较为简单，可以直接调用内置的 API 打开文件对话框。但是，内置的文件选择器存在一些问题，例如无法对话框进行自定义样式等操作。这时，nw-open-file 正好可以解决这些问题，提供了更丰富的 API 和功能。
学习意义
nw.js 打开文件 API 是 nw.js 比较常用的 API 之一。在实际开发过程中，经常需要用到该 API，例如实现一个向音乐播放器中添加歌曲的功能，或是打开某文件的编辑器等。学习 nw-open-file，可以更深入地理解 nw.js 的打开文件 API，并且可以解决一些内置文件选择器的限制，提供更好的用户体验。
指导意义
在使用 nw-open-file 时，推荐不要过于频繁地更改配置项，这样不仅会导致程序不稳定，而且也会耗费系统资源。可以在应用初始化时对文件选择器进行初始化，保障稳定性。出现问题时，及时将错误信息输出到控制台，便于排除问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f9c3d1de16d83a66e69