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

【问题标题】：Electron select Directory with text input & onclick eventElectron 选择带有文本输入和 onclick 事件的目录
【发布时间】：2019-10-08 05:59:22
【问题描述】：

<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" 应该通过目录中的链接下载一个文件。

【问题讨论】：

为什么不使用Electron.remote 获取Electron dialog，然后使用它附带的很棒的API？（dialog.showOpenDialog()）？ Like This 或用于您的目的 dialog.showSaveDialog()

标签： javascript html electron

【解决方案1】：

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

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

      function chooseFolder() {

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

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

        });

      }

【讨论】：