NodeJS + Express HTML转PDF功能

旧城等待， 2023-10-10 11:33 3阅读 0赞

## NodeJS + Express HTML转PDF功能 ##

基于node.js express框架，借助html-pdf中间件，我们可以实现一个html转pdf功能。

下面将利用node.js express框架实现一个文件上传和html转pdf功能，将上传的文件储存在项目下的tmp文件夹中,并且上传的html文件转换为pdf文件：

#### 1、使用html-pdf中间件实现 ####

html-pdf中间件是用来处理html转pdf转换.

安装文件上传所需模块：npm install html-pdf

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70][]

参考文件上传地址:[NodeJS+Express 文件上传功能][NodeJS_Express]

参考文档地址:[html-pdf 开源地址][html-pdf]

在index.js 编写html转pdf 功能接口：

注意:引用html-pdf 模块和html-pdf 常量定义转换

// 引入html-pdf 中间件，用户处理html文件转pdf文件
    const pdf = require('html-pdf');
    // html-pdf 转换参数配置
    const options = { format: 'Letter' };

转换核心功能代码:

// HTML 文件转pdf
    	  var html = fs.readFileSync(filename, 'utf8');
    	  pdf.create(html, options).toFile('./tmp/businesscard.pdf', function(err, res) {
    			if (err) {
    				console.log(res);
    			} else {
    				console.log(res); // { filename: '/app/businesscard.pdf' }
    				
    			}
    		});

效果展示：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70 1][]

控制台结果输出:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200915175638110.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n,size_16,color_FFFFFF,t_70
[NodeJS_Express]: https://blog.csdn.net/zhouzhiwengang/article/details/108604811
[html-pdf]: https://www.npmjs.com/package/html-pdf
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200915180112311.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200915180133307.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n,size_16,color_FFFFFF,t_70