电子 - 打开文件夹对话框

时间:2017-09-03 19:49:38

标签: javascript dialog directory electron

我希望用户能够从文件夹对话框中选择一个文件夹 到目前为止,我已经尝试过this教程失败了

让我陷入困境
exports.selectDirectory = function () {
  // dialog.showOpenDialog as before
}

要检索所选文件夹的完整路径,我需要做什么? 谢谢!

2 个答案:

答案 0 :(得分:3)

Dialog api在主要流程(https://electron.atom.io/docs/)中可用。

要创建对话框,您必须通过从渲染器进程发送消息来告知主进程。

试试这段代码:

// in your renderer process:-

const ipcRenderer = require('electron').ipcRenderer;

ipcRenderer.send('selectDirectory');


//in you main process:-

const electron = require('electron');

const ipcMain = electron.ipcMain;

const dailog = electron.dialog;

//hold the array of directory paths selected by user

let dir;

ipcMain.on('selectDirectory', function() {

    dir = dialog.showOpenDialog(mainWindow, {

        properties: ['openDirectory']

    });

});

注意:mainWindow在这里,它是父浏览器窗口,它将保存对话框。

答案 1 :(得分:0)

您需要使用电子遥控器

const {dialog} = require('electron'),
WIN = new BrowserWindow({width: 800, height: 600})

/*
//renderer.js - a renderer process
const {remote} = require('electron'),
dialog = remote.dialog,
WIN = remote.getCurrentWindow();
*/

let options = {
 // See place holder 1 in above image
 title : "Custom title bar", 

 // See place holder 2 in above image
 defaultPath : "D:\\electron-app",

 // See place holder 3 in above image
 buttonLabel : "Custom button",

 // See place holder 4 in above image
 filters :[
  {name: 'Images', extensions: ['jpg', 'png', 'gif']},
  {name: 'Movies', extensions: ['mkv', 'avi', 'mp4']},
  {name: 'Custom File Type', extensions: ['as']},
  {name: 'All Files', extensions: ['*']}
 ],
 properties: ['openFile','multiSelections']
}

//Synchronous
let filePaths = dialog.showOpenDialog(WIN, options)
console.log('filePaths)

//Or asynchronous - using callback
dialog.showOpenDialog(WIN, options, (filePaths) => {
 console.log(filePaths)
})