Electron 打开文件资源管理器窗口和打开文件

最新推荐文章于 2025-04-14 10:11:29 发布

编程课堂

最新推荐文章于 2025-04-14 10:11:29 发布

阅读量5.2k

点赞数 2

分类专栏： Electron

本文链接：https://blog.csdn.net/weixin_44917045/article/details/109265908

版权

1、引入相关模块：

imports = {
   };
imports.remote = require('electron').remote;
imports.shell = require('electron').shell;
window

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

编程课堂

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Electron 的open-file事件

读心悦

07-22

692

open-file事件是 Electron 应用程序中一个非常有用的事件，它允许开发者在应用程序已经运行的情况下处理文件打开请求。通过监听这个事件，你可以实现自定义的文件打开逻辑，从而提升用户体验。

使用Electron开发一个文件管理器

2301_79326616的博客

10-05

494

在本文中，我们将使用Electron来开发一个简单的文件管理器，让用户可以方便地浏览和管理他们的文件。您应该能够看到标题为"文件管理器"的窗口，以及文件列表中的几个文件。在上述示例中，我们使用HTML和CSS设置了一个简单的文件管理器界面，其中包含一个标题和一个文件列表。中，我们将创建一个Electron窗口，并加载一个简单的HTML文件作为应用程序的用户界面。中，我们可以使用HTML和CSS来设置文件管理器的界面。的文件，作为Electron应用程序的入口点。的文件，作为应用程序的用户界面。

参与评论您还未登录，请先登录后发表或查看评论

【Electron Playground 系列】文件下载篇

xiaoheibanfe的博客

12-17

1463

作者：long.woo 文件下载是我们开发中比较常见的业务需求，比如：导出 excel。 web 应用文件下载存在一些局限性，通常是让后端将响应的头信息改成 Content-Disposition: attachment; filename=xxx.pdf，触发浏览器的下载行为。在 electron 中的下载行为，都会触发 session 的 will-download 事件。在该事件里面可以获取到 downloadItem 对象，通过 downloadItem 对象实现一个简单的文件下载管理器： .

electron打开系统资源管理器（非选择文件）

ZuoZuoDangerou的博客

09-15

2648

打开指定路径文件夹

electron桌面端开发-打开指定软件和文件

最新发布

猪猪侠的博客

04-14

447

测试，用electron开发中打开指定的软件，但是要指定安装的软件的路径进行打开，以及指定软件支持的格式的文件进行操作，否则会出现错误，通常和计算机交互必须使用ipc.invoke封装的相关方法调用计算机的功能。

electron-vew在资源管理器中显示文件和直接打开文件

糖炒栗子的博客

10-26

931

想要在electron 打开资源管理器显示要打开的文件和打开文件

electron 打开本地文件夹

qq_43345846的博客

07-27

6830

使用的api为`shell.openPath`,有些文章会提到`shell.openItem`，这个方法在`electron 9.0`后就废弃被`openPath`替代了。

vue3-electron:使用Vue 3和Electronic创建文件资源管理器

05-26

Vue3-electron项目是将流行的前端框架Vue 3与桌面应用程序开发框架Electron结合，用于构建功能丰富的桌面应用，特别是...理解并掌握这些Vue 3和Electron的特性，将有助于构建出高效且功能强大的文件资源管理器应用。

electron 实现文件下载管理器(1)

2401_83916435的博客

04-14

525

1、看视频进行系统学习这几年的Crud经历，让我明白自己真的算是菜鸡中的战斗机，也正因为Crud，导致自己技术比较零散，也不够深入不够系统，所以重新进行学习是很有必要的。我差的是系统知识，差的结构框架和思路，所以通过视频来学习，效果更好，也更全面。关于视频学习，个人可以推荐去B站进行学习，B站上有很多学习视频，唯一的缺点就是免费的容易过时。2、读源码，看实战笔记，学习大神思路“编程语言是程序员的表达的方式，而架构是程序员对世界的认知”。所以，程序员要想快速认知并学习架构，读源码是必不可少的。

Electron实现的文件管理器：file-explorer-electron

"file-explorer-electron:https" 正是这样一个基于Electron框架构建的文件管理器项目，它允许用户浏览文件夹并打开文件，同时采用了HTTPS协议来保证文件传输的安全性。知识点一：Electron框架基础 Electron是一个...

Electron上传文件、打开文件夹(主进程、渲染进程)

蜡笔小新历险记的博客

05-28

4292

官方示例： const { dialog } = require('electron') console.log(dialog.showOpenDialog({ properties: ['openFile', 'multiSelections'] }))

folders:使用Electron和Vue构建的文件资源管理器

05-11

资料夹台式机文件夹工作流程应用程序构建设置 # install dependencies npm install # serve with hot reload at localhost:9080 npm run dev # build electron application for production npm run build # lint all JS/Vue component files in `src/` npm run lint 该项目是通过使用 @ 生成的。关于原始结构的文档可以在找到。

goffer:用electron.js编写的漂亮而基本的文件管理器

05-25

戈弗这是一个文件管理器，具有漂亮且易于使用的用户界面，可让您根据类别和标签分离文件。主要隔离是基于类别完成的，您可以向每个文件添加标签。之后，您可以根据文件名或标签进行搜索。此应用程序实际上不会创建文件副本或将其移动到其他位置，而只是将文件编入索引。这只是我作为大学项目制作的迷你应用程序。演示版视频：特征基于材质设计的简单美观的用户界面：各种与UI相关的自定义，用于添加新类别：每个类别都有漂亮的文件浏览器，带有文件键入功能（不同类型的文件使用不同的图标）：根据文件名和带有文件键入的标签进行搜索：可以通过将文件直接拖放到类别中来添加文件。能够添加与文件关联的标签的能力。编辑源代码克隆仓库，然后使用以下命令进行安装： yarn 或者 npm install 跑步 yarn start 或者 npm start 建造为当前平台构建：

Electron常见问题 16 - 打开文件或者打开文件夹技巧

liuzhen007的专栏

07-02

5059

目录前言主要方法 openItem openPath showItemInFolder 相关方法 openExternal 总结前言使用Electron开发客户端时，经常会遇到需要打开某个文件或者某个文件夹的需求。比如做一个下载应用，选择默认下载路径的时候就需要有这个功能。再比如做一个播放器应用，选择打开某个视频文件的时候也需要类似的功能。主要方法 Electron中关于文件和文件夹操作的API模块是shell，它使用默认的应用程序管理文件和 URL。接下来介绍的方法都..

使用 Electron 打开外部链接或文件管理器

weixin_34113237的博客

03-01

4330

使用 Electron 打开外部链接或文件管理器此系列文章的应用示例已发布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下载后运行查看. 欢迎 Star . Electron 中的 shell 模块允许您访问某些本地元素, 如文件管理器和默认 Web 浏览器. 此模块在主进程和渲染器进程中...

Electron Markdown编辑器实战：资源管理器实现

weixin_42684490的博客

02-23

1249

刚开始的时候我是想着找一个开源组件来着，结果没找到合适的，就自己实现了一个，做完之后自己感觉是复习了一遍文件操作和树结构操作。

electron打开文件的几种实现方式

WuQingLaoXingXing的博客

04-29

5956

1. 程序已经启动，通过点击打开文件，进行打开 this.$dialog .showOpenDialog({ title: "打开文件", defaultPath: "", properties: ["openFile"], // properties: ['openFile', 'multiSelec...

electron-vue中点击按钮，实现打开程序目录里面的某个文件

weixin_38169927的博客

04-18

3869

设计到的知识点：　　explorer.exe /select 打开文件夹并把焦点放到指定文件　　nodejs中的process模块--child_process.exec 我这里是根据需求，点击按钮后打开本项目里面的数据库 ams.db文件需要注意的是，开发版本和打包后的项目结构可能会发生改变，当你在开发版本测试的路径成功，而打包后可能不存在这个文件夹代码结...

Electron Dialog的使用以及打开目录、文件以及读写配置文件

qq_44741577的博客

03-19

1513

在Electron中我期望打开某个目录，修改其目录下的某个配置文件要打开目录、或者文件，就需要用到Electron的dialog。完成以上两个步骤后，我就可以在其他窗口使用dialog了。