React前端html导出pdf，并自动上传到后端服务器

最新推荐文章于 2025-07-10 11:30:42 发布

原创

最新推荐文章于 2025-07-10 11:30:42 发布 · 9.2k 阅读

16 ·

CC 4.0 BY-SA版权

本文介绍了一种在React应用中将HTML内容转换为PDF，并且直接上传到后端服务器的方法。借助html2pdf.js库，前端可以完成HTML到PDF的转换，然后将生成的PDF文件发送到后端进行保存。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html导出PDF

最近做了个知识管理功能，其中有个需求是将文档导出为pdf，所以就前端实现了一下。但由于前端导出的全部是图片，文字无法复制，最终由后端实现导出。

github地址：https://github.com/eKoopmans/html2pdf.js

package.json引入"html2pdf.js": "^0.9.1"

具体代码如下：

import html2pdf from 'html2pdf.js';

exportPdf = () => {
   
   
	// 要导出的dom节点，注意如果使用class控制样式，一定css规则
    const element = document.getElementById('doc');
    // 导出配置
    const opt = {
   
   
      margin: 1,
      filename: '导出的pdf名称',
      image: {
   
    type: 'jpeg', quality