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

Posted 2023-03-22

【中文标题】Electron 选择带有文本输入和 onclick 事件的目录

【英文标题】：Electron select Directory with text input & onclick event

【发布时间】：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()

【参考方案1】：

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

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

      function chooseFolder() 

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

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

        );