首页 > 其他分享 >3、electron读取文本文本文件内容展示到页面

3、electron读取文本文本文件内容展示到页面

时间:2022-12-07 17:34:29浏览次数:50  
标签:fs 读取 content electron let 文本文件 btn

1、项目根目录下创建一个文件文件test.txt

2、index.html页面源码:

<!DOCTYPE html><html lang="zh-cn"><head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <base href="/">
    <title>electron</title>
    <head></head>
  
    <body>
        <button id="btn">获取文本文件内容</button>
        <div id="content"></div>
       
    </body>

    <script>
        let fs = require('fs');
        window.onload = function(){
            let btn = this.document.querySelector("#btn");
            let content = document.querySelector("#content");
            btn.onclick = function(){
                fs.readFile('test.txt',(err,data)=>{
                    content.innerHTML = data;
                })
            }
        }
    </script>

3、点击按钮

 

标签:fs,读取,content,electron,let,文本文件,btn
From: https://www.cnblogs.com/handsomeziff/p/16963769.html

相关文章