React JS中使用jsPDF的doc.save()保存已导入PDF文件方法

核心问题说明 #

• 你的实现思路存在偏差：jsPDF 库的作用是从零创建生成新的PDF文件，默认实例化出来的是空白PDF文档，本身不具备直接加载项目内已有静态PDF的能力。如果你的需求只是触发本地已有PDF文件的下载，完全不需要引入jsPDF，实现逻辑非常简单。
• 你通过import Report from '../../resources/Report.pdf'导入的文件，在构建工具（Webpack/Vite等）处理后，Report 变量存储的就是该PDF文件打包后的可访问路径，直接基于这个路径触发浏览器下载即可。

最简实现方案（无需jsPDF） #

直接修改handleGetPDF方法，通过临时a标签触发下载，不会破坏原PDF的格式、内容，性能最优：

handleGetPDF = () => {
  // 创建临时a标签元素
  const a = document.createElement('a');
  // 赋值为导入得到的PDF资源地址
  a.href = Report;
  // 设置下载保存时的文件名
  a.download = 'Report11.pdf';
  // 插入DOM后触发点击，兼容低版本浏览器
  document.body.appendChild(a);
  a.click();
  // 点击完成后移除临时元素
  document.body.removeChild(a);
}

现有代码的其他问题修正 #

你写的render方法里存在DOM结构错误：缺少外层<table>标签、单元格只写了闭合标签</td>没写开始标签，会导致页面渲染异常，修正后的完整组件代码如下：

import React from 'react';
import { withRouter } from 'react-router-dom';
import { Table } from 'react-bootstrap';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faDownload } from '@fortawesome/free-solid-svg-icons';
// 纯下载静态PDF不需要引入jsPDF，后续需要动态生成PDF时再引入即可
// import jsPDF from 'jspdf'

import Report from '../../resources/Report.pdf';

class OnboardingGuide extends React.Component {
  handleGetPDF = () => {
    const a = document.createElement('a');
    a.href = Report;
    a.download = 'Report11.pdf';
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
  }

  render() {
    return (   
      <Table>
        <thead>
          <tr>
            <th>Onboarding Guide</th>
            <th>PDF</th>  
          </tr>
        </thead> 
        <tbody>
          <tr>
            <td>
              <FontAwesomeIcon 
                icon={faDownload} 
                onClick={this.handleGetPDF} 
                style={{cursor: "pointer"}}
              />
            </td>
          </tr>
        </tbody>
      </Table>
    )
  }
}

export default withRouter(OnboardingGuide);

特殊场景说明 #

如果你后续需要在现有PDF基础上追加内容（比如加水印、加表格文字）之后再导出，不建议直接用基础jsPDF加载现有PDF，容易出现格式错乱、内容丢失的问题，可以换用专门支持PDF编辑的pdf-lib库实现需求。

内容的提问来源于stack exchange，提问作者Bader Juma