无法使用 electronjs 和 jquery 显示 OpenDialog

Question

我正在尝试使用 electronjs 创建一个简单的桌面应用程序。我的目标是打开 ShowOpenDialog 但是（我不知道原因）它什么也没有打开。
树视图：

sample app
 |-index.html
 |-js
   |--jquery.js
   |--index.js
 |-main.js
 |-package.json

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    <br />
    <button id="openFile">Open</button>
    <script>
        window.$ = window.jQuery = require('./js/jquery.js');
    </script>
    <sctipt src ="./js/index.js"></sctipt>
</html>

index.js

$(document).ready(function() {    
    $("#openFile").click(function(){
        dialog.showOpenDialog(function (fileNames) {
        }); 
    })    
})

main.js

'use strict';
const electron = require('electron');
const dialog = require('electron').dialog;
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;

let mainWindow;

function createWindow () {
  mainWindow = new BrowserWindow({width: 800, height: 600});
  mainWindow.loadURL('file://' + __dirname + '/index.html');
  mainWindow.
  mainWindow.on('closed', function() {
    mainWindow = null;
  });
}

app.on('ready', createWindow);

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', function () {
  if (mainWindow === null) {
    createWindow();
  }
});

和package.json

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron main.js"
  }
}

Answer 1

你在主进程中需要dialog，但尽量在渲染进程中使用它。这是行不通的。您应该使用 remote 模块获取对主进程的引用 dialog 或使用 ipc 模块向主进程发送消息以打开对话框。

作为一个最小的例子，尝试将 index.js 中的 dialog 替换为 require('electron').remote.require('dialog')；然而，在长运行中，我建议改用 IPC。

Answer 2

你不能只威胁渲染进程作为主进程

你可以像这样使用remote或者ipc

index.js

const electron = require("electron")
const ipc = electron.ipcRenderer

$(document).ready(function() {    
    $("#openFile").click(function(){
        ipc.send("openF")
    })    
})

并在 main.js

添加

const ipc = electron.ipcMain
ipc.on("openF", function(){
  const { dialog } = require('electron')
  dialog.showOpenDialog({title: "Open File",properties : ['openFile']}).then(result =>{
    mainWindow.webContents.send("filepaths", result.filePaths);

})

哦，是的，因为你需要文件路径，你将在 index.js

上需要它

ipcRenderer.on("filepaths", function(event, message) {
  if(message == undefined) return
  else{
    console.log(message); // Logs filepaths

    if(fl !== ""){
     console.log("no filepath found")
    }
}
// if you wanna open file use fs
})

无法使用 electronjs 和 jquery 显示 OpenDialog

Unable to showOpenDialog using electronjs and jquery

javascript

jquery

electron