electron文件操作(一)

electron文件操作(一)

electron基础教程——文件操作(1)

electron上传本地文件及读取文件内容本质是通过electron的dialog模块和node.js的fs模块来实现

那么如何实现本地文件的上传及读取呢？可以分为以下两部分

• 通过electron的dialog模块里的showOpenDialog函数获取本地文件的地址链接
• 进而通过node.js中fs模块来读取文件的内容展示出来

一·选择要读取的本地文件

• 引入dialog模块

const { dialog } = require(“electron”).remote;

• 使用dialog.showOpenDialog()选择本地文件

	// 选择要读取的文件dialog.showOpenDialog().then((res) => {console.log(res.filePaths[0]);// 读取的文件路径赋值filePath.value = res.filePaths[0];res.filePaths.length > 0 && readFileContent();});

二·读取选择的文件内容

1. 引入node的fs模块
2. 使用fs.readFile()读取文件内容，该函数有三个方法
   ① filePath文件路径
   ② 编码
   ③ 回调函数

fs.readFile(filePath.value, { encoding: "utf-8" }, (err, result) => {if (err) {console.log(err, "读取文件内容失败");} else {console.log(result);fileContent.value = result;}});

点击这里下载源码，找到file.vue。共同努力，共同学习。😀😀😀