如何获取路径的选定目录到渲染器进程

Question

我想存储在变量的路径的本地目录选择使用dialog.showOpenDialog.我尝试了每一个教程和堆栈答案，没有任何运气。最好的部分是，即使电子api演示解决方案不工作（我在这里使用一个）所以，对话框打开，我可以选择一个文件夹或文件-但没有什么是发送回渲染器进程。

在这里，我正在测试这个打开文件，但也没有结果。我正在使用jQuery btw和elcetron v 12。这是我的代码：

渲染过程：

$('.js_select_folder').on('click', (e) =>{
    ipcRenderer.send('open-folder')
    e.preventDefault();
})
    
ipcRenderer.on('selected-folder', (event, path) => {
    console.log('wtf',path)
    $('#info').text('Result :'+path)   
})

主要流程：

ipcMain.on('open-folder',  (event) => {
    dialog.showOpenDialog({ properties:['openFile']}, (files) => {
        if(files){
            console.log(files)
            event.reply('selected-folder', files)
        }
    })
})

任何地方都没有console.log（文件）的跟踪。你知道我做错了什么吗？

Answer 1

我想通了：

渲染器进程：

$('.js_test').on('click', (e)=>{
    e.preventDefault();
    ipcRenderer.send('open-folder')
})

ipcRenderer.on('sel-dir', (event, path) => {
  const message = `This app is located at: ${path}`
    $('#info').text(message)   
})

主要流程：

ipcMain.on('open-folder', (event, arg) => {
  dialog.showOpenDialog({properties: ['openDirectory']}).then(result=>{
    event.sender.send('sel-dir', result.filePaths)
  })
})

所以它实际上非常简单，你可以看到，但我花了两天时间才弄明白。结果是，我得到的路径（或任何数据）回到渲染器后，选择dir或文件。

你好，麦克。