fs.readfile 显示html,在异步fs.readFile的回调中使用EJS呈现HTML模板？

最新推荐文章于 2023-12-29 11:22:27 发布
转载 最新推荐文章于 2023-12-29 11:22:27 发布 · 239 阅读 · 0
文章标签：

#fs.readfile 显示html

博主在尝试将同步的fs.readFileSync替换为异步的fs.readFile以实现邮件发送过程中的HTML模板渲染。在回调中使用EJS渲染模板时遇到错误，提示模板对象没有indexOf方法。同步方式工作正常，但异步执行时模板解析失败。问题可能出在异步读取文件的内容处理上。

我用fs.readFileSync轻松实现了这一点，但我想异步执行此操作。我的代码如下。在异步fs.readFile的回调中使用EJS呈现HTML模板？

function send(err, str){

if(err){

console.log(err);

}

var template = ejs.render(str, 'utf8', {name: data.name});

transporter.sendMail({

from: myEmail,

to: anotherEmail,

subject: mySubject,

html: template,

attachments: images

}, function(err, response) {

if(err){

console.log(err);

}

});

}

fs.readFile('emailTemplate.ejs', send);

所以我做了我自己的fs.readFile回调，这样当该文件已被读取它将使电子邮件，把适当的名称，然后用nodemailer把它关闭。但是，它不喜欢这样。如果没有问题，它会通过错误获取，但在渲染模板时呈现以下错误。

TypeError: Object (Followed by the entire HTML of the template) has no method 'indexOf' at Object.exports.parse (/home/ubuntu/workspace/node_modules/ejs/lib/ejs.js:144:21) at exports.compile (/home/ubuntu/workspace/node_modules/ejs/lib/ejs.js:229:15) at Object.exports.render (/home/ubuntu/workspace/node_modules/ejs/lib/ejs.js:289:10) at send (/home/ubuntu/workspace/routes/email.js:171:28) at fs.readFile (fs.js:272:14) at Object.oncomplete (fs.js:108:15)

虽然这样做同步工作正常。

var str = fs.readFileSync('emailTemplate.ejs', 'utf8');

var template = ejs.render(str, {

name: data.name

});

任何人都可以告诉我为什么会发生这种情况吗？

苗壮实
关注
精选资源
Nodejs异步回调的优雅处理方法
01-02
在Nodejs中大部分的I/O操作几乎都是异步的，也就是我们处理I/O的操作结果基本上都需要在回调函数中处理，比如下面的这个读取文件内容的函数： 代码如下: fs.readFile(‘/etc/passwd’, function (err, data&#41...
Nodejs 对 内置模块fs简单使用技巧与操作方法，模块文件夹的curd与文件的curd
01-08
在异步操作中，错误处理至关重要，因为错误回调优先。如果出现错误，后续的回调参数将不会执行。例如： ```javascript fs.rename('./www02', './hhh', function(err) { if (err) { console.error('修改失败:', ...
node 读取文件，以及回调函数
weixin_33708432的博客
12-14 385
#1、异步式读取文件 代码： //readfile.js var fs = require('fs'); fs.readFile('test.txt', 'utf-8', function(err, data) { if (err) { console.error(err); } else { console.log(data); } });...
Node学习（二）02-node核心模块之fs模块——fs.readFile()-异步读取文件& fs.writeFile()-异步写入文件-会覆盖文件中原内容 & if写法之return和throw
weixin_44867717的博客
08-17 2022
fs模块
fs模块下的readFile()和readFileSync()
热门推荐
weixin_44683094的博客
06-28 2万+
！！！编程中的同步与异步与生活中的感觉是相反的 编程同步是一件事情做完再做另一件事情，异步是同时开始做几件事情（结合下面的例子理解） readFile()的基础用法 readFile() // 异步读取文件 可传入3个参数 第一个参数：文件的路径（不可省略） 第二个参数：编码方式（可省略，省略后读出的文件就是buffer数据格式） 第三个参数：（不可省略） 一个函数，表示读取文件之后要做的事情； 这个函数可传入两个参数，第一个代表读取失败时的错误，第二个代表读取成功时读到的数据； const
fs.readfile 显示html,javascript - Serve html file with fs.readFileSync() fails - Stack Overflow
weixin_32586767的博客
06-19 144
Your current server implementation does not do anything but serve index.html to requests for the base url, i.e. '/'. You will need to write further code/routes to serve the requests for the js include...
node fs模块读取文件 readFile、readFileSync、fsPromises.readFile、createReadStream
呆呆狗
12-29 9516
node fs模块读取文件 readFile、readFileSync、fsPromises.readFile、createReadStream
Node.js fs模块详解：readFile与writeFile高级用法
`fs.readFile`简化了文件读取操作，通过回调函数处理读取结果和错误，提升了代码的可读性和易用性。虽然在某些场景下可能需要额外的处理来获取文件大小信息，但对于大多数简单读取需求，它提供了直观的接口。在后续...
Node.js fs模块深度解析：异步文件操作入门
在文件操作中，同步方法（如`openSync`）会阻塞执行，直到操作完成，而异步方法（如`open`）则会在操作完成后通过回调函数传递结果，不会阻塞后续代码的执行。这是Node.js处理高并发的关键特性。 `fs.open(filename...
详解nodejs 文本操作模块-fs模块（一）
12-23
异步方法通常会带有一个回调函数作为最后一个参数，例如`fs.open(filename, flags, mode, callback)`，在文件操作完成后，回调函数会被调用。同步方法则直接返回结果，如`fs.openSync(filename, flags, mode)`，这会...
node fs输出html模板,node.js - 如何让Express输出格式良好的HTML？
weixin_42442019的博客
06-29 175
你可以使用整洁以这个玉文件为例：foo.jadeh1 MyTitlepa(class='button', href='/users/') show userstabletheadtrth Nameth Emailtbody- var items = [{name:'Foo',email:'foo@bar'}, {name:'Bar',email:'bar@bar'}]- each item in ...
模板引擎不关心内容之——art-template，碰见的同步与fs.readFile异步以及函数回调问题的描述，针对fs的readfille读取文件时，返回不了异步函数返回值的解决方法
阿牛哥的博客
01-13 815
模板引擎不关心内容之——art-template，碰见的同步与fs.readFile异步以及函数回调问题的描述，针对fs的readfille读取文件时，返回不了异步函数返回值的解决方法
Node.js学习-----------异步文件读取
南的专栏
06-28 1964
Node.js中最大的特点就是异步式I/O与事件紧密结合的编程模式。控制流程要通过事件和回调函数来组织，一个逻辑要拆分成若干个单元。 下面来看个Node.js中异步的方式读取一个文件： var fs = require('fs'); fs.readFile('file.txt' , 'utf-8' , function (err , data) { if (err) {
node 读取文件，异步模式用回调函数变同步
sunling的专栏
06-06 1015
node，特性1：回调函数里套回调函数，特性2：实现顶层路由设计。 var http = require("http"); var fs = require("fs"); var url = require("url"); var path = require("path"); var server = http.createServer(function(req,res){ var
fs.readFile() 和 fs.writeFile()
玉安_ZhangDe的博客
06-19 5313
fs.readFile() 方法，用来读取指定文件中的内容 fs.writeFile() 方法，用来向指定的文件中写入内容 注意：fs.writeFile()是将目标文件里面的内容重写，并不会从原有的内容上添加
NodeJs将富文本写入HTML文件
cyqzy的博客
06-27 3127
1. 引入fs模块fs = require 'fs'2. 将富文本写入html文件 # 判断目录是否存在，如果不存在就创建目录 exists = fs.existsSync("D:/files/sps/shtml"); if(!exists){ fs.mkdirSync("D:/files/sps/shtml");     } # 将富文本写入html ...
fs.readfile 显示html,从fs.readFile获取数据
weixin_34237125的博客
06-19 390
小编典典为了详细说明@Raynos所说的内容，您定义的函数是一个异步回调。它不会立即执行，而是在文件加载完成后执行。当您调用readFile时，将立即返回控件并执行下一行代码。因此，当您调用console.log时，尚未调用您的回调，并且尚未设置此内容。欢迎使用异步编程。示例方法const fs = require('fs');// First I want to read the filefs....
html不加载样式表,为什么NodeJS不加载链接到html文件的CSS样式表?
weixin_36073392的博客
06-04 582
社区。我在这里有点不知所措。我对NodeJS比较陌生,运行时环境的运行方式出乎我的意料。事实证明,这对许多其他尝试学习node的人来说也是一个问题,NodeJS的学习曲线比LAMP堆栈上的PHP要陡峭。说到重点,这里有几个“你好世界!”在NodeJS上漂浮,还有一些其他的材料。大部分都是毫无价值的。//NODEJS EXAMPLEvar http = require('http');var fs ...
nodejs如何动态生成html页面,nodejs 简单实现动态html的方法
weixin_39622643的博客
06-05 2847
动态替换html内容1.实现的功能及原理实现了将，用户表单的数据，与html相结合，将用户输入的数据，显示到html对应的位置。原理：通过正则表达式，替换html中的模板数据 如用户名{name},可以通过拿到用户提交的name的值value，通过replace(正则表达式，value)的方式替换掉原模板数据，并输出到客户端。2.主要用到的方法和模块2.1文件操作模块 var fs=require...
fs.readFile 使用
最新发布
11-27
`fs.readFile()` 是 Node.js 中用于**异步读取文件内容**的核心方法，属于 `fs` 模块。它可以读取文本文件（如 `.txt`, `.json`, `.js`）或二进制文件（如图片、PDF），并支持回调函数方式处理结果。 --- ### ✅ 基本语法 ```javascript fs.readFile(path[, options], callback) ``` - `path`: 文件路径（相对或绝对） - `options`: 可选配置，如编码格式 - `callback`: 回调函数 `(err, data) => {}`，其中： - `err`: 错误对象，如果出错则不为 `null` - `data`: 读取到的数据（字符串或 Buffer） --- ### ✅ 示例 1：读取文本文件（UTF-8 编码） ```javascript const fs = require('fs'); fs.readFile('./message.txt', 'utf8', (err, data) => { if (err) { console.error('❌ 读取文件失败:', err.message); return; } console.log('✅ 文件内容:'); console.log(data); }); ``` > 🔹 如果文件是文本文件（如日志、配置文件），建议指定 `'utf8'` 编码，这样 `data` 就是字符串而不是 `Buffer`。 --- ### ✅ 示例 2：读取 JSON 文件 ```javascript const fs = require('fs'); fs.readFile('./config.json', 'utf8', (err, data) => { if (err) { console.error('❌ 无法读取 config.json:', err.message); return; } try { const config = JSON.parse(data); // 解析 JSON console.log('✅ 配置加载成功:', config); } catch (parseErr) { console.error('❌ JSON 格式错误:', parseErr.message); } }); ``` 假设 `config.json` 内容如下： ```json { "port": 3000, "debug": true } ``` 输出： ``` ✅ 配置加载成功: { port: 3000, debug: true } ``` --- ### ✅ 示例 3：读取二进制文件（如图片） ```javascript const fs = require('fs'); fs.readFile('./logo.png', (err, data) => { if (err) { console.error('❌ 读取图片失败:', err.message); return; } console.log(`✅ 图片读取成功，大小: ${data.length} 字节`); console.log('类型:', data.constructor.name); // 输出: Buffer }); ``` > 🔹 不传编码时，默认返回 `Buffer`，适用于图像、音频等二进制文件。 --- ### ✅ 方法四：使用 Promise 包装（配合 async/await） Node.js 提供了 `fs/promises` 模块，让你可以用现代 `async/await` 方式读取文件。 ```javascript const fs = require('fs').promises; async function readFileAsync() { try { const data = await fs.readFile('./message.txt', 'utf8'); console.log('✅ 文件内容:', data); } catch (err) { console.error('❌ 读取失败:', err.message); } } readFileAsync(); ``` --- ### ✅ 同步版本：`fs.readFileSync()`（阻塞主线程） 虽然不是 `readFile`，但常被对比使用： ```javascript const fs = require('fs'); try { const data = fs.readFileSync('./message.txt', 'utf8'); console.log('同步读取:', data); } catch (err) { console.error('❌ 同步读取出错:', err.message); } ``` > ⚠️ 注意：同步方法会**阻塞事件循环**，只适合启动阶段或小文件。 --- ### 🔍 参数详解 | 参数 | 类型 | 说明 | |------|------|------| | `path` | string \| Buffer \| URL | 支持多种路径格式 | | `options` | string \| object | 如 `'utf8'` 或 `{ encoding: 'utf8', flag: 'r' }` | | `encoding` | string | 常见值：`'utf8'`, `'base64'`, `'hex'`, `null`（返回 Buffer） | | `flag` | string | 文件打开行为，如 `'r'` 表示只读（默认） | --- ### 🛠 实际应用场景 #### 1. 加载模板文件 ```js fs.readFile('./template.html', 'utf8', (err, html) => { if (!err) serve(html.replace('{{title}}', '首页')); }); ``` #### 2. 动态导入本地 Markdown 文章 ```js fs.readFile('./posts/welcome.md', 'utf8', (err, md) => { if (!err) renderMarkdown(md); }); ``` #### 3. 服务启动前加载配置 ```js // 启动时同步读取（可接受） const config = JSON.parse(fs.readFileSync('config.json', 'utf8')); ``` --- ### ⚠️ 常见错误与解决方案 | 错误 | 原因 | 解决办法 | |------|------|---------| | `ENOENT: no such file or directory` | 文件不存在 | 先用 `fs.existsSync()` 判断 | | `EACCES: permission denied` | 权限不足 | 检查文件权限或运行用户 | | `Unexpected token` in JSON.parse | 文件存在但内容不是合法 JSON | 添加 try-catch 并提示格式错误 | ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值