Electron：如何让Windows系统下的dialog.showOpenDialog目录选择对话框显示灰化文件

我明白你遇到的问题了——在macOS上用dialog.showOpenDialog选目录时能看到文件夹里灰化的文件，但Windows上只能看到文件夹本身，没法预览里面的内容。要实现Windows下也显示灰化文件的效果，你只需要调整对话框的配置参数，加上showHiddenFiles和openFile这两个属性就行，具体修改如下：

ipcMain.on("event", async (event) => { 
  const result = await dialog.showOpenDialog(mainWindow, { 
    properties: ["openDirectory", "showHiddenFiles", "openFile"], 
  }); 
  event.returnValue = result.filePaths; 
});

配置项说明： #

• openDirectory：保持原有的目录选择功能，允许用户选择文件夹
• openFile：让对话框同时支持文件选择的逻辑，这样Windows系统会加载并显示文件夹内的文件
• showHiddenFiles：确保即使是隐藏文件也能被显示出来（和macOS的行为对齐）

这里的核心逻辑是：Windows原生的目录选择对话框默认只展示文件夹层级，当你加入openFile属性后，对话框会切换到同时支持文件和目录选择的模式，这时就会显示文件夹内的文件，并且因为我们主要是选目录，用户点击文件不会触发选择（只有选文件夹才会确认），同时文件会以灰化不可选的状态呈现，和macOS的效果一致。

需要注意的是，这个配置不会影响macOS上的原有行为，依然会保持显示灰化文件的效果，实现跨平台的一致性体验。

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