electron 打开选择文件框

electron中有dialog模块，可以用来打来文件框，选择文件夹或者文件。

两种实现方式

1、可以通过ipc通信，main process，实现打开文件对话框的操作，然后把选择的文件夹或者文件再次通过ipc通信发送的render 进程。

// in render.jsconst {ipcRenderer} = require('electron');function openDialog(){ipcRenderer.send('openDialog');
}ipcRenderer.on('selectedItem', (event, files)=>{console.log(files);//输出选择的文件
})//in main.jsconst {ipcRenderer, dialog} = require('electron');ipcRenderer.on('openDialog',(event)=>{dialog.showOpenDialog({}).then(result=>{console.log(result);        //输出结果result.filePaths.length>0 && ipcRenderer.send(result.filePaths);})
})

2、直接在render进程中，使用remote模块中的dialog模块，打开。

const { remote } = require('electron');async function openDialog(){const result = await remote.dialog.showOpenDialog({properties: ['openFile'],});
}

showOpenDialog的使用方式参考electron 文档https://electronjs.org/docs/api/dialog#dialogshowopendialogbrowserwindow-options

electron 打开选择文件框相关推荐

Electron打开文件并获得绝对路径方式
Electron打开文件并获得绝对路径方式在桌面应用中,点击一个按钮,选择一个文件,后台再得到绝对路径进行后续处理是常见的实现. 如采用Input标签File导入的方式,如下示例: <!DOC ...
ant design vue：upload打开选择文件弹框前弹出确认框
看antd文档,刚开始我用得beforeUpload来实现,勉强能完成我想要的功能,但是流程上不完美,需要先选择了文件,才能弹出确认框,但是我的确认框其实跟文件没有关系,我想要先弹确认框再打开文件选择 ...
NX二次开发-UFUN打开选择文件夹对话框UF_UI_create_filebox
NX二次开发-UFUN打开选择文件夹对话框UF_UI_create_filebox #include <uf.h> #include <uf_ui.h> #include &l ...
ios怎么打开c语言文件夹,iOS中打开的文件如何用其他应用打开选择自己的app
效果如图: 用其他应用打开选择某一应用 1.设置 Info.plist CFBundleDocumentTypes CFBundleTypeIconFiles 96.png 96@2x.png CF ...
electron 读取文件夹内容_如何使用Electron Framework选择，读取，保存，删除或创建文件...
本文概述为了处理文件(CRUD)的生命周期, 我们将使用对话框和文件系统组件. 对话框模块提供了用于显示本机系统对话框(例如打开文件或警报)的API, 因此Web应用程序可以提供与本机应用程序和No ...
electron 打开调试_Electron 应用调试指南
Electron 是一个基于 Node.js 和 Chromium 的开源框架,用于构建桌面应用,开发者可以使用 web 技术(HTML,JavaScript 和 CSS)完成整个应用的开发.许多知名 ...
electron 打开调试_构建基于 iOS 模拟器的前端调试方案
作者:imyzf 本文将为大家介绍自动化控制 iOS 模拟器的原理,为开发基于 iOS 模拟器的前端调试方案提供帮助. 我们在开发 iOS App 内的前端页面时,有一个很大的痛点,页面无法使用 Sa ...
点击按钮打开选择文件对话框
1.创建回调函数 int CALLBACK BrowseCallbackProc(HWND hwnd, UINT uMsg, LPARAM lParam, LPARAM lpData) { switc ...
php打开文件对话框,JS打开选择本地文件的对话框
方法一: 在定义的form中添加以下javascript代码: { anchor : '95%', xtype: 'fileuploadfield', id: 'form-file', emptyTe ...
electron打开系统默认浏览器
首先先报坑 window.open(xxxxxxxxxxxxxxxxxx) 这个是可以的,但是! 在electron中,除非你require了shell,不然这个方法是打开了第二个链接为 xxxxx ...

electron 打开选择文件框

electron 打开选择文件框相关推荐

最新文章

热门文章