我如何在电子中使用文件对话框？

问题描述

我是 Electron 的新手，我正在尝试打开一个文件对话框，让用户使用以下代码选择特定文件：

const {remote} = require("remote");
const {dialog} = require('electron').remote;

function openFileDialog() {
    const savePath = dialog.showSaveDialog();
    console.log(savePath)
}

但是，当我尝试此操作时，我在控制台中收到一条错误消息：

未捕获的类型错误：无法读取属性“showSaveDialog” 未定义。

有人知道我做错了什么吗？

编辑： 我现在正在使用这段代码，如下所示：

var remote = require("remote");
var dialog = require('dialog').remote; 

function openFileDialog() {
    const savePath = dialog.showSaveDialog(null);
    console.log(savePath)
}

在我使用此代码调用的名为 settings.js 的文件中：

<input class="btn btn-dark" type="button" value="Input" onclick="openFileDialog();">

我使用以下代码导入脚本：

   <script src="./../javascript/settings.js"></script>

我试过带遥控器和不带遥控器。我仍然遇到同样的错误

解决方法

如果您在 main 进程中使用它，如果您想在 renderer 进程中使用它，这应该可以工作：

const { dialog } = require('electron').remote;

另外，最好在脚本中定义event-handler。这是一个功能示例：

<input class="btn btn-dark" type="button" value="Input" id="dialogBtn">

const { dialog } = require('electron').remote;

document.getElementById("dialogBtn").addEventListener("click",openFileDialog);

async function openFileDialog() {
  try {
    const savePath = await dialog.showSaveDialog(null);
    console.log('savePath: ',savePath);
  } catch (e) {
    console.log('Error:',e);
  }
}

,

我刚刚使用这些代码解决了它。第一个问题是我需要启用 remoteModule enableRemoteModule: true, 然后我需要使用以下代码等待 DOM 加载：

window.onload=function(){
    document.getElementById("dialogBtn").addEventListener("click",openFileDialog);
}

感谢 Majed Badawi 的帮助！