如何使用Electron显示打开的文件本机对话框?

Inigo Mantoya

我正在尝试向我的Electron应用程序添加功能,该功能将允许用户在应用程序中打开文件,特别是纯文本文件。查看电子文档后,我找到了页面。我将此代码添加到了我的app.js文件中,并链接到index.html

var fs = require('fs');
var dialog = require('electron');
$openFile = $('#openBtn');
$editor = $('#editor');

$openFile.click(function(){
  dialog.showOpenDialog(function(fileNames) {
    if (fileNames === undefined) return;
    var fileName = fileNames[0];

    fs.readFile(fileName, 'utf-8', function (err, data) {
      $editor.val(data);
    });
  });
});

但是,当我运行此命令时,该错误会出现在控制台中:Uncaught TypeError: dialog.showOpenDialog is not a function我尝试使用远程,但无济于事。

有谁知道如何解决这个问题?提前致谢

知识库
const {dialog} = require('electron').remote;

document.querySelector('#selectBtn').addEventListener('click', function (event) {
    dialog.showOpenDialog({
        properties: ['openFile', 'multiSelections']
    }, function (files) {
        if (files !== undefined) {
            // handle files
        }
    });
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用Electron从React Component打开文件对话框

如何使用“打开文件”对话框打开文件

如何使用javascript打开文件/浏览对话框?

如何使用 IFileOpenDialog 打开 *modal* 文件对话框?

如何在OS X的“打开文件”对话框中显示所有文件?

如何使用RecycleView显示对话框

PyQt打开文件对话框-显示路径名

使用 Python 文件对话框 askopenfilename() 方法打开文件时如何获取文件类型?

如何使用 jQuery 禁用本机选择对话框?

如何不先显示打开的对话框?

如何防止“如何打开此文件”对话框?

如何使Notepad ++使用“ .txt”文件作为默认的打开文件对话框过滤器?

如何通过js打开选择文件对话框?

创建要多次使用的打开文件对话框功能

如何使用FileOpenPicker打开“新文件对话框”?(UWP)

如何使用QWebEngineView打开下载文件对话框?

打开相机前显示对话框

如何使用jQuery打开Bootstrap 4模式对话框

如何使用 jquery 检测对话框是否已打开?

如何在Linux上的Java应用程序的“打开文件”对话框中显示隐藏文件(。*)?

如何使用显示对话框显示复合图标

JavaScript中的“打开文件”对话框

打开文件对话框多选

打开文件对话框以获取Excel

Ubuntu SDK打开文件对话框

打开文件对话框-过滤

如何使用文件管理器文件打开对话框从网络共享中选择文件

如何保持对话框打开

如何从 MenuBar QML 打开对话框