electron 读取文件夹内容_如何使用Electron Framework选择,读取,保存,删除或创建文件...

本文概述

为了处理文件(CRUD)的生命周期, 我们将使用对话框和文件系统组件。

对话框模块提供了用于显示本机系统对话框(例如打开文件或警报)的API, 因此Web应用程序可以提供与本机应用程序和Node.js文件系统相同的用户体验。

加载所需的依赖项

我们需要加载以下依赖项, 以执行我们要完成的任务, 例如保存, 打开删除等, 包括”操作系统”对话框。

var remote = require('remote'); // Load remote compnent that contains the dialog dependency

var dialog = remote.require('dialog'); // Load the dialogs component of the OS

var fs = require('fs'); // Load the File System to execute our common tasks (CRUD)

注意

在最新版本的Electron(> = 1)中, 请使用以下代码段访问对话框。

var app = require('electron').remote;

var dialog = app.dialog;

// Or with ECMAScript 6

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

建立档案

要创建文件, 我们将使用文件系统, 在这种情况下, 将使用系统的本机保存文件对话框(以检索路径)。你可以使用

let content = "Some text to save into the file";

// You can obviously give a direct path without use the dialog (C:/Program Files/path/myfileexample.txt)

dialog.showSaveDialog((fileName) => {

if (fileName === undefined){

console.log("You didn't save the file");

return;

}

// fileName is a string that contains the path and filename created in the save file dialog.

fs.writeFile(fileName, content, (err) => {

if(err){

alert("An error ocurred creating the file "+ err.message)

}

alert("The file has been succesfully saved");

});

});

读取文件内容

要读取文件路径, 我们还将使用文件系统和本机读取文件对话框。

dialog.showOpenDialog((fileNames) => {

// fileNames is an array that contains all the selected

if(fileNames === undefined){

console.log("No file selected");

return;

}

fs.readFile(filepath, 'utf-8', (err, data) => {

if(err){

alert("An error ocurred reading the file :" + err.message);

return;

}

// Change how to handle the file content

console.log("The file content is : " + data);

});

});

// Note that the previous example will handle only 1 file, if you want that the dialog accepts multiple files, then change the settings:

// And obviously , loop through the fileNames and read every file manually

dialog.showOpenDialog({

properties: [

'openFile', 'multiSelections', (fileNames) => {

console.log(fileNames);

}

]

});

更新现有文件内容

要更新现有文件, 我们仅需要使用以下代码的文件路径(如果需要再次使用filedialog或使用先前保存的文件路径, 则可以检索该文件路径):

var filepath = "C:/Previous-filepath/existinfile.txt";// you need to save the filepath when you open the file to update without use the filechooser dialog againg

var content = "This is the new content of the file";

fs.writeFile(filepath, content, (err) => {

if (err) {

alert("An error ocurred updating the file" + err.message);

console.log(err);

return;

}

alert("The file has been succesfully saved");

});

删除档案

要删除文件, 你只需要文件的路径并使用exist和unlink方法。 exist方法检查文件是否存在, 然后使用unlink方法删除该文件。

var filepath = "C:/Path-toFile/file.txt";// Previously saved path somewhere

if (fs.existsSync(filepath)) {

fs.unlink(filepath, (err) => {

if (err) {

alert("An error ocurred updating the file" + err.message);

console.log(err);

return;

}

console.log("File succesfully deleted");

});

} else {

alert("This file doesn't exist, cannot delete");

}

很简单不是吗?

选择一个文件夹

你可以使用对话框选择一个文件夹, 以检索文件夹路径:

dialog.showOpenDialog({

title:"Select a folder", properties: ["openDirectory"]

}, (folderPaths) => {

// folderPaths is an array that contains all the selected paths

if(fileNames === undefined){

console.log("No destination folder selected");

return;

}else{

console.log(folderPaths);

}

});

完整的工作示例

以下html文件可用于在你的项目中进行测试, 以了解文件系统的工作方式。该代码将生成一个简单的Crud UI。

Our Code World

The file content will be the same as the editor.

var remote = require('remote');

var dialog = remote.require('dialog');

var fs = require('fs');

document.getElementById('select-file').addEventListener('click', function(){

dialog.showOpenDialog(function (fileNames) {

if(fileNames === undefined){

console.log("No file selected");

}else{

document.getElementById("actual-file").value = fileNames[0];

readFile(fileNames[0]);

}

});

}, false);

document.getElementById('save-changes').addEventListener('click', function(){

var actualFilePath = document.getElementById("actual-file").value;

if(actualFilePath){

saveChanges(actualFilePath, document.getElementById('content-editor').value);

}else{

alert("Please select a file first");

}

}, false);

document.getElementById('delete-file').addEventListener('click', function(){

var actualFilePath = document.getElementById("actual-file").value;

if(actualFilePath){

deleteFile(actualFilePath);

document.getElementById("actual-file").value = "";

document.getElementById("content-editor").value = "";

}else{

alert("Please select a file first");

}

}, false);

document.getElementById('create-new-file').addEventListener('click', function(){

var content = document.getElementById("content-editor").value;

dialog.showSaveDialog(function (fileName) {

if (fileName === undefined){

console.log("You didn't save the file");

return;

}

fs.writeFile(fileName, content, function (err) {

if(err){

alert("An error ocurred creating the file "+ err.message)

}

alert("The file has been succesfully saved");

});

});

}, false);

function readFile(filepath) {

fs.readFile(filepath, 'utf-8', function (err, data) {

if(err){

alert("An error ocurred reading the file :" + err.message);

return;

}

document.getElementById("content-editor").value = data;

});

}

function deleteFile(filepath){

fs.exists(filepath, function(exists) {

if(exists) {

// File exists deletings

fs.unlink(filepath, function(err){

if(err){

alert("An error ocurred updating the file"+ err.message);

console.log(err);

return;

}

});

} else {

alert("This file doesn't exist, cannot delete");

}

});

}

function saveChanges(filepath, content){

fs.writeFile(filepath, content, function (err) {

if(err){

alert("An error ocurred updating the file"+ err.message);

console.log(err);

return;

}

alert("The file has been succesfully saved");

});

}

玩得开心 !

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/261475.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MySQL中MySQL X.X Command Line Client一闪而过的问题

问题介绍:我安装完MySQL(我安装的是5.5)后,使用MySQL 5.5 Command Line Client,每次点击,总是一闪而过。解决方法如下:首先进入cmd 切入MySQL的安装目录,然后切入 bin 目录 ,输入mysqld-nt --sk…

4pam调制与解调(matlab实现)

实验原理 这是一种使用脉冲幅度调制技术的线路编码。PAM4信号有四个电压电平,每个幅度电平分别对应逻辑比特00、01、10和11。换言之,PAM4编码的每个符号由2个比特组成,它们对应一个电压电平,即幅度。 00对应-3,01对应-1,10对应1,…

WinForm开发,窗体显示和窗体传值相关知识总结

以前对WinForm窗体显示和窗体间传值了解不是很清楚最近做了一些WinForm开发,把用到的相关知识整理如下 A.WinForm中窗体显示显示窗体可以有以下2种方法:Form.ShowDialog方法 (窗体显示为模式窗体)Form.Show方法 (窗体显示为无模式…

阿尔法蛋机器人tf卡_阿尔法蛋机器人哪款好适合几岁孩子,超能蛋早教机真实效果评测(价格309元)...

阿尔法蛋机器人是安徽淘云科技旗下的儿童智能机器人产品,作为早教机还是非常有名的,那么阿尔法蛋机器人哪款好呢?不同机器人的功能不同,价位也不等,适合的年龄段不同,这里推荐一款比较全面的阿尔法蛋超能蛋…

memset,memcpy,strcpy 的区别

一.函数原型 strcpy extern char *strcpy(char *dest,char *src); #include <string.h> 功能&#xff1a;把src所指由NULL结束的字符串复制到dest所指的数组中 说明:src和dest所指内存区域不可以重叠且dest必须有足够的空间来容纳src的字符串。 返回指向dest的指针 memcp…

普通调幅(AM)与包络检波(matlab实现)

普通调幅&#xff08;AM&#xff09;与包络检波 1.实验任务 采用matlab实现普通调幅信号的包络检波&#xff0c;并绘制包络检波后的信号的波形与频谱。 2.实验原理&#xff08;请读者参见matlab通信仿真文件夹&#xff09; 3.matlab代码 time.33;%采样时长 Ts1/10000;%采样…

免费Google地图API使用说明(转)

转自&#xff1a;http://www.cnblogs.com/mypig/articles/1936154.html01事件监视 02 03GEvent.addListener用来注册事件监视器&#xff0c;在这个例子中&#xff0c;在用户移动或拖拽地图后&#xff0c;输出地图中心点的经/纬. 04 05 06var map new GMap(document.getElem…

双栈共享存储空间(C++代码实现)

理论部分 理论来源&#xff1a;b站up主:跟懒猫老师快乐数据结构 C代码 #include<iostream> using namespace std; const int STACKSIZE 6; //两栈共享存储空间编程 //使用类模板编程 template<class DataType> class BothStack { private:DataType *data;//属性…

J storm战队成员_DOTA2J.Storm战队介绍-DOTA2ESL孟买站预选赛J.Storm战队介绍_牛游戏网攻略...

《DOTA2》ESL孟买站预选赛J.Storm战队介绍&#xff01;由ESL主办ESL孟买站各大赛区预选赛热血开战&#xff01;J.Storm战队作为本次预选赛直邀战队在比赛中会有怎样的表现呢&#xff1f;下面一起来看看小编为大家带来的J.Storm战队参赛阵容介绍吧DOTA2 ESL孟买站信息一览近日&a…

【转】HTML - embed 与 object 之争

在 HTML 里嵌入文本和图片之外的事物&#xff0c;就会用到嵌入标签&#xff0c;而嵌入标签在各浏览器之间的不统一&#xff0c;一直是让开发人员很头痛的问题。一切都要从嵌入 SUN 公司的 Applet Java 小程序开始。 当时&#xff0c;对于 Applet 的嵌入&#xff0c;浏览器老大哥…

毕业三年

2013年6月&#xff0c;毕业整整3年了。曾经的同伴&#xff0c;有人创业了&#xff0c;有人升职加薪&#xff0c;也有人职场失利。而我&#xff0c;做了2年多的独立开发者。 在大学的时候我学的是.net&#xff0c;在毕业前还去考了微软的认证&#xff0c;考过了&#xff0c;但考…

Muduo 网络编程示例之五: 测量两台机器的网络延迟

Muduo 网络编程示例之五&#xff1a; 测量两台机器的网络延迟 陈硕 (giantchen_AT_gmail) Blog.csdn.net/Solstice t.sina.com.cn/giantchen 这是《Muduo 网络编程示例》系列的第五篇文章。 Muduo 全系列文章列表&#xff1a; http://blog.csdn.net/Solstice/category/779646.…

camerax 自动聚焦_Android Camera-CameraView和CameraX使用

前面两篇介绍了Camera1和Camera2的使用&#xff0c;发现Camera API从1到2的变化非常大&#xff0c;Camera2的复杂度提升了不少&#xff0c;官方为了让我们更容易使用Camera&#xff0c;出了个一个官方的库cameraview。不过这个库已经Deprecated&#xff0c;官方建议使用Jetpack…

ECMA5

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Document</title> </head> <body><script>var arr [2,4,1,6,7,10,9];// 遍历数组// arr.forEach(function(value,index,arra…

数据结构表达式求值(C++)

实验原理 代码思路 使用两个顺序栈编程&#xff0c;一个顺序栈用来存储操作数&#xff0c;一个顺序栈用来存储操作符 关键为表达式求值函数的编写 对该函数&#xff0c;循环结束条件为栈顶元素为’#’,且读入的字符也为’#’ 循环体 &#xff08;1&#xff09;判断是否为操作…

中国互联网大佬江湖拼什么?拼财力拼出身拼前景拼造势

创业者千千万&#xff0c;大佬的椅子却有限。 马云、李彦宏、马化腾、雷军、周鸿祎、丁磊、张朝阳……大浪淘沙之中&#xff0c;他们挺住了&#xff0c;前进了&#xff0c;成功了。纵观互联网大佬修炼过程&#xff0c;虽然有机缘巧合&#xff0c;背后仍然有道可依。 表面风平浪…

Javascript中正则表达式的全局匹配模式

先看一道JavaScript题目&#xff0c;据说是国内某知名互联网企业的JavaScript笔试题&#xff0c;如果对正则的全局匹配模式不了解的话可能会对下面的输出结果感到疑惑。 View Code varstr "123#abc";varre /abc/ig;console.log(re.test(str)); //输出tureconsole.lo…

捕捉所有异常_详解Java中异常的分类

下面介绍几种常见的异常类型&#xff0c;便于在出错时对程序进行查错&#xff1a;&#xff08;1&#xff09;Exception 各种异常的根类如果你不知道将发生的异常集体属于哪&#xff0c;而可以肯定种这个地方会出现异常时&#xff0c;可以把异常类型定义为Exception。&#xff0…

2ASK调制与解调(包含maltab代码)

实验原理 实验代码 信噪比为20db时代码: clear all; close all; %%%%%%% parameter settings %%%%% Rb 1000;%比特率 Rs 1000;%符号率 Fs 10000;%采样频率 N 100000;%原始消息信号的长度 UpSampleRate Fs/Rs; % 一个符号周期内采样点数 RollOff 0.25; Spa…

XAML 编码规范 (思考)

<?xml version"1.0" encoding"UTF-8"?> 1.尽量和Blend统一2.兄弟元素之间需要空行4.父子元素之间不需要空格3.每行尽量单个属性5.Grid的Row和Column定义不需要空行6.Style里的Setter中不需要单行一个属性7.Trigger里的Binding和Conditions中不需要…