Nodejs生成pdf文件流+前端通过二进制流下载pdf

  • 后端:Nodejs + pdfkit 生成pdf
  • 前端:通过 downloadjs生成pdf文件

1、后端代码

const PDFDocument = require('pdfkit');
const fs = require('fs');
exports.createPdf = (req, res) => {
	const doc = new PDFDocument();
	// doc.pipe(fs.createWriteStream('output.pdf'));  // 在服务端生成pdf文件

	// Embed a font, set the font size, and render some text
	doc
		.fontSize(25)
		.text('Some text with an embedded font!', 100, 100);

	// Add another page
	doc
		.addPage()
		.fontSize(25)
		.text('Here is some vector graphics...', 100, 100);

	// Draw a triangle
	doc
		.save()
		.moveTo(100, 150)
		.lineTo(100, 250)
		.lineTo(200, 250)
		.fill('#FF3300');

	// Apply some transforms and render an SVG path with the 'even-odd' fill rule
	doc
		.scale(0.6)
		.translate(470, -380)
		.path('M 250,75 L 323,301 131,161 369,161 177,301 z')
		.fill('red', 'even-odd')
		.restore();

	// Add some text with annotations
	doc
		.addPage()
		.fillColor('blue')
		.text('Here is a link!', 100, 100)
		.underline(100, 100, 160, 27, { color: '#0000FF' })
		.link(100, 100, 160, 27, 'http://google.com/');

	// Finalize PDF file
	doc.pipe(res);  // 通过res 将pdf文件流返回给前端
	doc.end();
};

2、前端代码

    import axios from 'axios'
    import downloadjs from 'downloadjs';
    export default {
        mounted() {
            axios.get('http://localhost:9202/createPdf', {
                responseType: 'blob',
                headers: {
                    'Content-Type': 'application/json'
                }
            }).then(res => {
                downloadjs(res.data, 'demo.pdf', 'application/pdf');
            }).catch(err => {
                console.error(err);
            })
        }
    }

你可能感兴趣的:(前端,pdf,javascript)