当前位置：首页 > news >正文

Electron读取本地文件

news 来源：原创 2025/5/19 15:17:57

在 Electron 应用中，可以使用 Node.js 的 fs 模块来读取本地文件。以下是如何实现这一功能的详细步骤。

1. 设置项目结构

假设你的项目目录如下：

my-electron-app/
├── main.js
├── index.html
└── renderer.js

2. 使用 fs 模块读取文件

在主进程中读取文件

如果你需要在主进程中读取文件，可以直接使用 Node.js 的 fs 模块。例如：

const { app, BrowserWindow } = require('electron');
const fs = require('fs');let mainWindow;function createWindow() {mainWindow = new BrowserWindow({width: 800,height: 600,webPreferences: {nodeIntegration: true,contextIsolation: false // 允许渲染进程中使用 Node.js 模块}});mainWindow.loadFile('index.html');mainWindow.on('closed', () => {mainWindow = null;});
}app.on('ready', createWindow);app.on('window-all-closed', () => {if (process.platform !== 'darwin') {app.quit();}
});app.on('activate', () => {if (mainWindow === null) {createWindow();}
});// 读取文件的示例
fs.readFile(__dirname + '/data.txt', 'utf8', (err, data) => {if (err) throw err;console.log(data);
});

在渲染进程中读取文件

如果你想在渲染进程中读取本地文件，需要使用 IPC（进程间通信）来传递数据。因为 Electron 默认禁止了直接在渲染进程中使用 Node.js 模块。

渲染进程发送请求

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Electron Read File</title>
</head>
<body><h1>Read Local File in Electron</h1><button id="readFileButton">Read File</button><script src="./renderer.js"></script>
</body>
</html>

// renderer.js
const { ipcRenderer } = require('electron');document.getElementById('readFileButton').addEventListener('click', () => {ipcRenderer.send('request-read-file');
});

主进程接收请求并读取文件

// main.js
const { app, BrowserWindow, ipcMain } = require('electron');
const fs = require('fs');let mainWindow;function createWindow() {mainWindow = new BrowserWindow({width: 800,height: 600,webPreferences: {nodeIntegration: true,contextIsolation: false // 允许渲染进程中使用 Node.js 模块}});mainWindow.loadFile('index.html');mainWindow.on('closed', () => {mainWindow = null;});
}app.on('ready', createWindow);app.on('window-all-closed', () => {if (process.platform !== 'darwin') {app.quit();}
});app.on('activate', () => {if (mainWindow === null) {createWindow();}
});// 接收渲染进程的请求并读取文件
ipcMain.on('request-read-file', (event, arg) => {fs.readFile(__dirname + '/data.txt', 'utf8', (err, data) => {if (err) throw err;event.sender.send('file-content', data);});
});// 接收文件内容并发送回渲染进程
ipcMain.on('send-file-content-back', (event, content) => {mainWindow.webContents.send('file-content', content);
});

渲染进程接收文件内容

// renderer.js
const { ipcRenderer } = require('electron');document.getElementById('readFileButton').addEventListener('click', () => {ipcRenderer.send('request-read-file');
});ipcRenderer.on('file-content', (event, content) => {console.log(content);
});

3. 运行项目

确保你已经安装了 Electron，可以通过以下命令启动应用：

electron .

现在当你点击按钮时，渲染进程会发送一个请求到主进程，主进程读取文件并把内容返回给渲染进程。最终，在渲染进程中你会看到控制台输出文件的内容。

总结

通过上述步骤，你可以在 Electron 应用中使用 Node.js 的 fs 模块来读取本地文件，并利用 IPC 在主进程和渲染进程之间传递数据。这种方式可以确保应用的安全性和稳定性。

Electron读取本地文件

在 Electron 应用中，可以使用 Node.js 的 fs 模块来读取本地文件。以下是如何实现这一功能的详细步骤。 1. 设置项目结构假设你的项目目录如下： my-electron-app/ ├── main.js ├── index.html └── renderer.js2. 使用 fs 模块读取文件在主…...

编程日记 2025/5/19 15:17:57

Plesk 下的 IP 地址管理

Plesk是一个方便管理的控制面板，可以简化网站主机和服务器数据中心的自动化管理。它专为提供Windows和Linux服务器的供应商设计。Plesk面板适用于虚拟主机和独立服务器服务器管理员可以使用Plesk来配置新网站、电子邮件系统和转售商账户，也可以通过Ple…...

编程日记 2025/4/30 9:08:03

基于STM32、HAL库的DS28E15P安全验证及加密芯片驱动程序设计

一、简介： DS28E15P是Maxim Integrated (现为Analog Devices)生产的一款1-Wire EEPROM芯片，具有以下特点： 1-Wire接口通信，仅需单根数据线加地线 1024位(128字节)EEPROM存储器每个器件具有唯一的64位ROM ID 工作电压范围：2.8V至5.25V 内置CRC16校验功能可编程写保护功能…...

编程日记 2025/4/30 9:08:01

浅析localhost、127.0.0.1 和 0.0.0.0的区别

文章目录三者的解释三者的核心区别总结使用场景示例什么是回环地址常见问题开发工具中的地址使用为什么开发工具同时支持localhost和127.0.0.1？实际应用示例VSCode中的Live Server插件VSCode中的VUE项目IDEA中的Spring Boot应用最佳实践建议 localhost、 127.0.0…...

编程日记 2025/4/30 9:06:58

import { Image } from ‘antd’; import { useEffect, useRef, useState } from ‘react’; import styles from ‘./index.module.less’; interface PreviewHtmlWithImagesProps { htmlContent: string; } const PreviewHtmlWithImages: React.FC ({ htmlContent }) >…...

编程日记 2025/4/30 9:06:58

【React】轻松掌握 React 中 useEffect的使用

你有没有想过，为什么你的 React 组件能够轻松应对周围发生的变化，比如每当有新数据到来时自动更新，或者处理可以动态响应实时事件的组件？这就是 useEffect 的用武之地！这个强大的钩子（Hook）就像…...

编程日记 2025/4/30 9:06:56

请简述一下什么是 Kotlin？它有哪些特性？

1 JVM 语言的共性：编译成字节码文件 Kotlin 和 Java 同属于 JVM（Java Virtual Machine）语言，它们的代码最终都会被编译成 JVM 字节码（.class）文件。编译流程： Kotlin 编译：Kotli…...

编程日记 2025/4/30 9:05:52

Post与Get以及@Requestbody和@Pathvariable标签的应用

Post的使用场景：简单来讲适用于有安全性限制的，因为post请求的内容会被存在某个封装内容中（比如表单、jason格式等），这部分内容是不会被浏览器的cache所捕捉，安全性较强。 Get的使用场景：与pos…...

编程日记 2025/4/30 9:05:51

基于tabula对pdf中的excel进行识别并转换成word（三）

上一节中是基于PaddleOCR对图片中的excel进行识别并转换成word优化，本节改变思路，直接从pdf中读取表格的信息，具体思路如下所述。 PDF中的表格数据如下截图所示： 一、基于tabula从PDF中提取表格 df_list tabula.read_pdf("…...

编程日记 2025/4/30 9:04:48

k8s集群环境部署业务系统

k8s集群环境部署业务系统，通过shell脚本整合部署过程，简化部署流程。操作流程如下： A，B为业务系统服务名。一.部署前准备。在k8s集群各节点执行该脚本，完成业务系统镜像加载。 #!/bin/bash # 1.删除deployment ech…...

编程日记 2025/4/30 9:03:45

MySQL 8.4.4 安全升级指南：从漏洞修复到版本升级全流程解析

目录二、升级前关键注意事项 1. 数据安全与备份 2. 版本兼容性与路径规划三、分步升级操作流程 1. 环境预检与准备 2. 安装包部署 3. 强制升级组件 4. 验证与启动一、背景与必要性近期安全扫描发现生产环境的 MySQL 数据库存在多个高危漏洞（CVE 详情参见Oracle 官…...

编程日记 2025/4/30 9:03:44

“假读“操作在I2C接收流程中的原因

在I2C接收流程中，"假读"操作是NXP I2C控制器工作特性要求的必要操作，具体原因如下： // 接收函数关键代码 void i2c_master_read(I2C_Type *base, unsigned char *buf, unsigned int size) {// ...dummy base->I2DR; /* 假读 *…...

编程日记 2025/4/30 9:02:42

TA学习之路——2.3图形的HLSL常用函数详解

1.基本数学运算函数作用max(a,b)返回a,b值中较大的那个min(a,b）返回a,b值中较小的那个mul(a,b两变量相乘，常用于矩阵abs(a)返回a的绝对值sqrt(x)返回x的平方根rsqrt(x)返回x的平方根的倒数degrees(x)将弧度转成角度radians(x)将角度转成弧度noise(x)噪声函数1.1 创建一个测试…...

编程日记 2025/4/30 9:02:41

Python数据容器：数据容器的分类、数据容器特点总结、各数据容器遍历的特点、数据容器通用操作（统计，转换，排序）

目录数据容器的分类数据容器特点总结数据容器遍历的特点通用操作通用统计len()、max()、min() 通用转换list()、tuple()、str()、set() 通用排序sorted 数据容器的分类分类： 是否支持下标索引支持：列表、元组、字符串-序列类型不支持&…...

编程日记 2025/5/19 15:17:57

FastAPI的发展历史

参考：https://zhuanlan.zhihu.com/p/710831974 FastAPI 于 2019 年发布，由 Sebastian Ramirez 创建。他是 Pydantic 框架的创建者，也是多个开源项目的贡献者。 FastAPI 的设计初衷是为了解决 Python Web 框架在数据类型验证和文档生成方面的问…...

编程日记 2025/4/30 9:02:38

本地大模型编程实战(28)查询图数据库NEO4J(1)

本文将基于langchain 框架，用LLM(大语言模型)查询图数据库NEO4J。使用 qwen2.5 做实验，用 llama3.1 查不出内容。文章目录安装 NEO4J准备图数据查询图数据总结代码安装 NEO4J 参见：在windows系统中安装图数据库NEO4J 。准备图数据我…...

编程日记 2025/4/30 9:01:36

从厨房到云端：从预制菜到云原生

小美：小猿，你最近在忙什么呢？看你总是加班。小猿：唉，公司在搞什么“云原生”改造，说是要把我们的应用搬到云上，搞得我头都大了。小美：云原生？听起来很高大上啊&#…...

编程日记 2025/4/30 9:01:35

单片机-89C51部分：9、串行口通讯

飞书文档https://x509p6c8to.feishu.cn/wiki/WSh3wnADkixHspk7kc8c5esRnad 一、什么是串口？它的作用？ 串行口，简称为串口，什么是串口？它的作用是什么？ 两个人交流，一般通过在说话在空气中产生…...

编程日记 2025/4/30 9:01:35

C++程序退出时的对象析构陷阱：深度解析与避坑指南

C++程序退出时的对象析构陷阱：深度解析与避坑指南一、从诡异案例说起：局部对象为何"神秘消失"？二、全局对象 vs 局部对象1. 全局对象生命周期2. 局部对象生命周期三、程序终止的两种姿势：exit() vs return四、atexit()：最后的救命稻草1.基础用法2. 核心特性3…...

编程日记 2025/4/30 9:01:34

为什么 Vite 速度比 Webpack 快？

一、webpack会先进行编译，再运行，vite会直接启动，再按需编译文件。首先看两张图，可以清晰的看到，上面的图是webpack编译过的，而下面的图是vite直接使用工程内文件。二、区别于Webpack先打包的方式&am…...

编程日记 2025/4/30 9:01:31

指针变量存放在哪？

指针的存储位置取决于其声明方式和作用域，以下是详细分析： 1. 栈（Stack） 局部指针变量：在函数内部声明的指针（非静态），作为局部变量存储在栈中。void func() {int *p; // p本身存储…...

编程日记 2025/4/30 9:00:30

Kafka 消息可靠性深度解析：大流量与小流量场景下的设计哲学

在分布式消息系统的设计中，消息可靠性保障本质上是系统在一致性、可用性、吞吐量三者之间动态博弈的结果。Kafka作为现代流式架构的核心组件，其消息可靠性机制在不同流量场景下呈现出截然不同的设计哲学。本文将从系统设计原理层面，解构大流量…...

编程日记 2025/4/30 9:00:29

python数据分析（六）：Pandas 多数据操作全面指南

Pandas 多数据操作全面指南：Merge, Join, Concatenate 与 Compare 1. 引言在数据分析工作中，我们经常需要处理多个数据集并将它们以各种方式组合起来。Pandas 提供了多种强大的多数据操作方法，包括合并(merge)、连接(join)、连接(concaten…...

编程日记 2025/4/30 8:59:27

在K8S迁移节点kubelet数据存储目录

默认k8s节点kubelet数据目录在 /var/lib/kubelet，如果在部署前没有做好规划，其实默认就存储在系统盘/分区下了，这样会导致一个问题，如果数据量过大会导致kubelet服务异常，其次，系统盘下有一些系统服务引用&…...

编程日记 2025/4/30 8:59:26

k8s 学习记录 (六)_Pod 污点和容忍性详解

一、前言在 Kubernetes 集群中，我们已经了解了节点亲和性和 Pod 亲和性，它们在 Pod 调度方面提供了很大的灵活性。今天，我们来探讨另外两个重要的概念 ——Pod 污点（Taints）和容忍性（Tolerations&#xf…...

编程日记 2025/4/30 8:59:26

hutools工具类中isNotEmpty与isNotBlank区分

基于以下两种情况。在判断的变量是String类型时， 判断是否为空，推荐使用isNotBlank(). 1. isNotEmpty 不会验证str中是否含有空字符串，而 isNotBlank方法会验证 public static boolean isNotEmpty(CharSequence str) {return false isEmpty…...

编程日记 2025/4/30 8:59:23

C#解析USB - HID手柄上摇杆按键数据

1. 了解相关知识 HID设备通信原理：HID设备通过端点报告其状态和数据，设备通过报告描述符来描述数据用途，操作系统通过这个描述符了解设备发送数据的结构。通常一个完整的报告以特定的格式从设备传输至主机。Windows API函数…...

编程日记 2025/4/30 8:59:23

k8s术语pod

Pod概览理解Pod Pod是kubernetes中你可以创建和部署的最小也是最简的单位，pod代表着集群中运行的进程。 Pod中封装着应用的容器（有的情况下是好几个容器），存储、独立的网络IP,管理容器如何运行的策略选项。Pod代表着部署的一个单位：kubemetes中应用的一个实例，可能由一个…...

编程日记 2025/4/30 8:59:22

使用高德MCP+AI编程工具打造一个旅游小助手

开始之前，我们先来回顾一下，什么是mcp MCP(Model Context Protocol) 模型上下文协议是 2024 年 11 月由 Anthropic 公司推出并开源的一个新标准核心内容架构2：MCP 采用客户端 - 服务器架构。AI 应用程序（如聊天工具或 IDE&a…...

编程日记 2025/4/30 8:58:19

AgeTravel | 银发文娱旅游一周新鲜事

银发文娱旅游一周新鲜事整理 | AgeClub吕娆炜一周银发文娱旅游产业资讯速览星期一 4月28日 1 企业动态携程老友会联合喜悦盛年，首发“旅游兴趣课堂”模式华寿中心“这YOUNG的老年派”合作聚焦老龄文化需求通用技术康养Q1营收同比增长129% 2 行业风向…...

编程日记 2025/4/30 8:58:18

【记】Laya2.x数字末尾导致换行异常问题

文章目录图示图示...

编程日记 2025/4/30 8:58:18

jspm老年体检信息管理系统(源码+lw+部署文档+讲解)，源码可白嫖!

摘要信息化时代，各行各业都以网络为基础飞速发展，而医疗服务行业的发展却进展缓慢，传统的医疗服务行业已经逐渐不满足民众的需求，有些还在以线下预约的方式接待病人，特别是针对于老年体检的服务，是少之又…...

编程日记 2025/4/30 8:58:17

point-cloud-annotation-tool工具windows复现,史诗巨制(windows 11)

point-cloud-annotation-tool 前期准备1.安装Qt52.安装Cmake3.安装VS 20194.编译构建 VTK 8.15.安装 PCL 1.86.编译Boost 软件环境适配准备1 Boost2 VTK 开始编译开始生成前期准备 point-cloud-annotation-tool是一款三维标注软件，本次介绍的是再windows11环境下安…...

编程日记 2025/4/30 8:56:13

欧拉计划 Project Euler60（素数对集合）题解

欧拉计划 Project Euler 60 题解题干思路code 题干思路先欧拉筛预处理出素数，然后dfs，注意剪枝，不然太容易炸了 code //13 5197 5701 6733 8389 //26033 #include <bits/stdc.h>using namespace std;using ll long long;bool i…...

编程日记 2025/4/30 8:56:13

DeepSeek破界而来：重构大规模深度检索的算力与边界

深度检索技术革命：DeepSeek万亿参数框架如何突破实时召回率瓶颈引言：当千亿参数遇见实时检索在人工智能技术飞速发展的今天，超大规模语言模型已成为推动产业智能化的核心引擎。然而，随着模型参数量突破万亿级门槛，…...

编程日记 2025/4/30 8:56:11

自定义指令input中前面不能输入空格

vue3加el-input 封装自定义指令 utils/trim.ts import type { Directive, DirectiveBinding } from vue;const trim: Directive {mounted(el, binding: DirectiveBinding) {// 获取 el-input 的 DOM 节点const inputEl el.querySelector(input);if (!inputEl) {console.er…...

编程日记 2025/4/30 8:56:11

esp32将partitions.csv文件启用到工程项目中的配置

在ESP32项目里，partitions.csv 文件用于定义闪存的分区表，它规定了不同类型数据（如代码、文件系统、OTA 分区等）在闪存中的存储位置和大小。下面为你详细介绍如何将 partitions.csv 文件集成到工程项目中以及相应的配置步骤。 1.…...

编程日记 2025/4/30 8:56:10

Windows系统下，导入运行 RuoYi-Vue3 项目

基于SpringBootVue3前后端分离的Java快速开发框架一、后端 1.git下载代码 RuoYi-Vue：RuoYi-Vue: 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统 git clone https://gitee.com/y_project/R…...

编程日记 2025/4/30 8:56:09

Spark 配置 YARN 模式

在大数据处理领域，Spark 是一个强大的分布式计算框架，而 YARN（Yet Another Resource Negotiator）则是 Hadoop 生态系统中出色的资源管理器。将 Spark 配置为 YARN 模式，可以充分利用 YARN 高效的资源管理和调度能力&am…...

编程日记 2025/4/30 8:55:05

【Linux学习笔记】进程替换和自定义shell

【Linux学习笔记】进程替换和自定义shell 🔥个人主页：大白的编程日记 🔥专栏：Linux学习笔记文章目录【Linux学习笔记】进程替换和自定义shell前言一.进程程序替换1.1 替换原理1.2 替换函数1.2.1函数解释1.2.2命名理解二.自主…...

编程日记 2025/4/30 8:53:59

HarmonyOS运动开发：如何监听用户运动步数数据

前言在开发运动类应用时，准确地监听和记录用户的运动步数是一项关键功能。HarmonyOS 提供了强大的传感器框架，使得开发者能够轻松地获取设备的运动数据。本文将深入探讨如何在 HarmonyOS 应用中实现步数监听功能，同时分享一些开发过程中的经验和技巧，帮助你更好地理解和实…...

编程日记 2025/4/30 8:52:58

Vuex状态管理及其持久化使用指南

1. 安装 Vuex Vue 2 或 Vue 3 项目： npm install vuex4 # Vuex 4 兼容 Vue 2 和 Vue 3 2. 创建 Store 新建 store/index.js： import { createStore } from vuex; import createPersistedState from vuex-persistedstate; // 持久化插件// 定义子模…...

编程日记 2025/4/30 8:52:57

k8s学习笔记

1查看默认命名空间pod kubectl get nodes 查看所有名空间的pod kubectl get pods -A 查看所有节点node kubectl get nodes 2根据配置文件，给集群创建资源 kubectl apply -f xxxx.yaml 3查看集群部署了哪些应用？ kubectl get pods -A 4生成、删除、获取所…...

编程日记 2025/4/30 8:52:57

HarmonyOS ArkUI安全控件开发指南：粘贴、保存与位置控件的实现与隐私保护实践

目录安全控件1. 粘贴控件1.1 约束与限制1.2 开发步骤 2. 保存控件2.1 约束与限制2.2 开发步骤 3. 位置控件3.1 约束与限制3.2 开发步骤安全控件安全控件是系统提供的一组系统实现的ArkUI组件，其中保存控件在用户首次使用时，会弹出通知弹窗&#xff0…...

编程日记 2025/4/30 8:52:56

前端在平常的开发中高度还原ui图的思考规范

问题原因我们明明按照ui测量为什么还会出现这么多样式偏差根据我多次的验收反馈总结如下使用组件库不可能所以样式覆盖复制粘贴以前的代码样式产生偏差有些样式是继承所得难免疏漏图片等背景问题或者切图问题padding等结尾问题解决方案组件库穿透主要样式复制粘…...

编程日记 2025/4/30 8:51:53

Python 数据智能实战 (2)：LLM 工具箱搭建 - API/库实操与高效 Prompt 设计入门

写在前面 —— 工欲善其事，必先利其器：连接你的 Python 与 LLM 大脑，掌握“对话”的艺术本篇博客，我们将聚焦于“工欲善其事，必先利其器”这一核心环节，带你完成以下关键任务：选择你的 LLM “接入点”：了解访问 LLM 的主要方式 (云 API vs. 本地模型)，并为入门选…...

编程日记 2025/4/30 8:51:47

即时设计笔记

1. 编辑形状 1.1 连接两个锚点如图，形状编辑模式下，想将下面图形变成闭合形状使用【钢笔工具】选中其中一锚点，会自动伸出一条线，然后再点击另一个锚点即可【注意】，形状闭合后，会发现无法填充颜色&am…...

编程日记 2025/4/30 8:51:46

“云大物智移”背景下，五年制高职计算机类高水平专业群建设方案

在信息技术革命的浪潮中，云计算、大数据、物联网、人工智能和移动互联网（简称“云大物智移”）已成为推动全球经济和社会数字化转型的关键力量。这些技术不仅重塑了产业格局，也给职业教育带来了前所未有的挑战与机遇。随着“云大物…...

编程日记 2025/4/30 8:50:42

docker desktop汉化

关闭Docker Desktop 在Docker安装目录找到app.asar文件并将其备份，防止出现意外。 Windows下默认为C:\Program Files\Docker\Docker\frontend\resourcesMacos下默认为/Applications/Docker.app/Contents/MacOS/Docker Desktop.app/Contents/ResourcesUbuntu/Debian…...

编程日记 2025/4/30 8:50:40

KUKA机器人快速启动设置

KUKA机器人在首次开机启动时，有时在示教器上需要进行投入运行等相关的设置。如以下相关的信息需要处理： 1、机器人系统开机后，选择T1运行模式；2、显示提示信息：“RDC 存储器和控制系统不一致什么被更换了”时&#xf…...

编程日记 2025/4/30 8:50:39