javascript - Electron 选择带有文本输入和 onclick 事件的目录

Question

<input type="text" class="input" placeholder="Path to folder.">
<div class="box" id="choose-btn" onclick="chooseFolder()">...</div>
<div class="accept">Patch</div>

let fdialog = require('nw-dialog');

function chooseFolder() {
    fdialog.folderBrowserDialog(".exe", function(result) {
        document.getElementsByClassName('input').innerHTML = result;
    })
}

我想选择一个文件夹"#choose-btn"，选择的文件夹必须显示在 中".input"，如果我点击 Patch".accept"一个文件应该通过目录中的链接下载。

标签： javascripthtmlelectron

Answer 1

使用 Electron 的原生对话框选择目录

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

      function chooseFolder() {

        dir = dialog.showOpenDialog({
          properties: ['openDirectory']
        }, function(res){

          document.getElementsByClassName('input')[0].value = res[0];

        });

      }