说明：该例子主要实现把输入框中的文字保存到本地的文本文档中。

在main中添加几句代码

const ipcMain = electron.ipcMain;

const dialog = electron.dialog;
ipcMain.on("openDir", function (e) {

    var fileName = dialog.showOpenDialog(mainWindow, {title: "选择一个目录", properties: ["openDirectory"]});

    e.returnValue = fileName ? fileName : null;

});

这段代码防止文件没有名字而出错

html代码

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="UTF-8">

     <title>Hello World!</title>

 </head>

 <body>

 <button id="btn-select-dest-dir">选择保存的目录</button>

 <form id="form-data">

     <div>

         <textarea name="txt" style="width: 300px;height: 200px" required="required"></textarea>

     </div>

     <div>

         <input type="submit" value="保存">

     </div>

 </form>

 </body>

 <script>

     // You can also require other files to run in this process

     require('./renderer.js')

 </script>

 </html>

renderer代码

 // This file is required by the index.html file and will

 // be executed in the renderer process for that window.

 // All of the Node.js APIs are available in this process.

 const {ipcRenderer}=require("electron");

 const fs = require("fs");

 class Renderer {

     constructor() {

         this.btnSelectDestDir = document.getElementById("btn-select-dest-dir");

         this.formSaveData = document.getElementById("form-data");

         this.addListeners();

     }

     addListeners() {

         var self = this;

         this.btnSelectDestDir.onclick = function () {

             var files = ipcRenderer.sendSync("openDir");

             if (files && files.length) {

                 self.destDir = files[0];

             }

         };

         this.formSaveData.onsubmit = function (e) {

             e.preventDefault();

             if (!self.destDir) {

                 alert("请选择要保存的目录");

                 return;

             }

             var destFile = `${self.destDir}/data.txt`;

             fs.writeFile(destFile, this["txt"].value, function (err) {

                 if (!err) {

                     alert(`成功保存文件${destFile}`);

                 } else {

                     alert("无法保存文件");

                 }

             })

         };

     }

 }

 new Renderer();

运行即可

补充：在main.js里面的

可以修改运行文件的路径。。。

electron小例子的更多相关文章

  1. springmvc入门的第一个小例子

    今天我们探讨一下springmvc,由于是初学,所以简单的了解一下 springmvc的流程,后续会持续更新... 由一个小例子来简单的了解一下 springmvc springmvc是spring框 ...

  2. java即时通信小例子

    学习java一段时间了,今天写来一个即时通信的小例子练手在其过程中也学到了一些知识拿出来和大家分享,请路过的各位大神多多赐教... 好了下面讲一下基本的思路: 首先,编写服务器端的程序,简单点说吧就是 ...

  3. Runtime的几个小例子（含Demo）

    一.什么是runtime(也就是所谓的“运行时”,因为是在运行时实现的.)           1.runtime是一套底层的c语言API(包括很多强大实用的c语言类型,c语言函数);  [runti ...

  4. bootstrap 模态 modal 小例子

    bootstrap 模态 modal  小例子 <html> <head> <meta charset="utf-8" /> <title ...

  5. INI配置文件分析小例子

    随手写个解析INI配置字符串的小例子 带测试 #include <iostream> #include <map> #include <string> #inclu ...

  6. JavaScript小例子：复选框全选

    JavaScript小例子:复选框全选 这只是一个小例子,很简单,但是这个功能还是很常用的: 实现后效果如图: JavaScript代码: <script type="text/jav ...

  7. 【zTree】 zTree使用的 小例子

    使用zTree树不是第一次了  但是 还是翻阅着之前做的 对照着 使用起来比较方便  这里就把小例子列出来   总结一下使用步骤 这样方便下次使用起来方便一点 使用zTree树的步骤: 1.首先  在 ...

  8. js小例子（标签页）

    运用js写的一个小例子,实现点击不同的标签出现不同的内容: <!DOCTYPE html> <html> <head> <meta chaset=" ...

  9. sbrk与brk的使用小例子

    sbrk() 和 brk() - Unix的系统函数   sbrk()和brk() 系统的底层会维护一个位置,通过位置的移动完成内存的分配和回收.映射内存时 以一个内存页作为基本单位.   void* ...

随机推荐

  1. GitHub如何在自己的Stars中进行搜索

    默认的搜索结果,仅仅搜索原创的repository 想要搜索的时候,能够搜索到fork出来的repository的话 在关键字后面加上空格 fork:true

  2. Writing On-Error Trigger In Oracle Forms

    Suppose you want to handle an error in oracle forms and want to display custom error message for tha ...

  3. js跨域及解决方案

    本文出自:http://www.cnblogs.com/oneword/archive/2012/12/03/2799443.html 1.什么是跨域 我们经常会在页面上使用ajax请求访问其他服务器 ...

  4. jsp利用cookie记住用户名,下次登录时显示在文本框中（仅仅一个Cookie就整了将近三个小时，⊙﹏⊙b汗）

    <%@page import="java.net.URLDecoder"%> <%@page import="sun.security.util.Len ...

  5. error: command 'gcc' failed with exit status 1 的解决办法

    yum install gcc python-devel 之前yum install gcc* 了 所以没成功. wget http://prdownloads.sourceforge.net/doc ...

  6. 5.4.1 termios结构，关闭回显功能，一键入字符fgetc立刻返回，不用按下回车键

    Linux提供了一组编程接口,用来控制终端驱动程序的行为.这样我们可以更精细的来控制终端. 例如: 回显:允许控制字符的回显,例如读取密码时. 使用termios结构的密码程序 #include &l ...

  7. table布局注意点

    1.同行等高. 2.宽度自动调节(table-layout:fixed;). 3.处理垂直居中又是神器 参考链接: http://www.blueidea.com/tech/web/2008/6257 ...

  8. JS完成改变新闻字体大中小的显示

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"% ...

  9. php获取在线xml的数据

    因为连接百度地图的API,然后通过经纬度得到位置信息,可是得到的位置信息是通过将经纬度嵌在url里面,生成xml文件后,因为是在线的,当时就想到在不下载的情况下获取里面的数据,因为使用代码下载是可以下 ...

  10. Jsoup：解决java.net.UnknownHostException的问题

    Jsoup:解决java.net.UnknownHostException的问题 时间 2013-06-20 11:23:08  CSDN博客 原文  http://blog.csdn.net/xyw ...