在electron新增選擇資料夾的按鈕

一般瀏覽器

依據安全性問題

不會讓使用者選擇整個資料夾

而electron是用chrome當底層

所以一般的

也就不能選擇整個資料夾

這時候可以用electron所提供的dialog來實現

先在畫面中新增一個按鈕

<button class="btn btn-scan">Select folder</button>

並在js中加入click事件

並在事件中使用electron的dialog開啟可選擇資料夾的視窗

$(".btn-scan").on("click", function (){
    let { remote } = require('electron');
    let dialog = remote.require('electron').dialog;

    let path = dialog.showOpenDialog({
        properties: ['openDirectory']
    });

    console.log(path);
});

 

看更多