电子选择目录，带有文本输入和onclick事件

Question

我想使用Electron选择要上传文件的文件夹。

我尝试使用对话框和一些我在Google上找到的功能进行尝试，但仍然无济于事。

<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"中， 如果我单击补丁".accept"，则应通过目录中的链接下载文件。

Answer 1

使用Electron的本机对话框选择目录

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

      function chooseFolder() {

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

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

        });

      }