多份演示文稿汇总成一份，是汇报材料整理中的常见环节：主报告与专题附录由不同成员分别制作，最终需要按统一顺序放在同一个文件里；有时还只取附录中结论性的几页。手工复制粘贴不仅耗时，还可能破坏原幻灯片的版式、图表与文字样式；放到服务端处理，文件同样要先上传到第三方环境。

本文使用 Spire.Presentation for JavaScript 在浏览器中合并 PowerPoint 幻灯片。整个处理过程基于 WebAssembly，在用户设备本地完成，无需安装 Office，也不依赖后端服务，演示文稿不必离开浏览器。

本文介绍两个核心功能点：

• 合并多个 PowerPoint 演示文稿
• 合并选定的 PowerPoint 幻灯片

有关安装和项目配置，请参考 React 项目中集成 Spire.Presentation for JavaScript。以下示例假定 Spire.Presentation 已安装、WebAssembly 模块已初始化。

合并多个 PowerPoint 演示文稿

一份完整的汇报往往由多个来源的材料组成，例如主报告与专题附录分别由不同成员制作，最后需要汇总到同一个文件中。合并多份演示文稿时，逐个加载源文件，再把每份文件的全部幻灯片依次追加到同一个新演示文稿，即可得到包含全部页面的合并结果。

具体操作步骤如下：

1. 使用 window.spire.FetchFileToVFS 分别将 Presentation.pptx 与 SlidesToMerge.pptx 载入 VFS。
2. 用 new pptModule.Presentation() 新建演示文稿，并调用 Slides.RemoveAt(0) 删除默认空白页。
3. 逐个源文件创建 Presentation 实例并调用 LoadFromFile 加载，循环读取 Slides.Count，用 Slides.get_Item(i) 取页并通过 Slides.Append({ slide }) 追加到合并结果。
4. 每个源文件处理完毕后调用 Dispose() 释放实例；全部追加完成后，用 SaveToFile 保存为 MergedPresentation.pptx。
5. 通过 window.dotnetRuntime.Module.FS.readFile 读取合并结果，构造 Blob 后触发浏览器下载。

function App() {
  const mergePresentations = async () => {
    // 获取 Spire.Presentation WASM 模块
    const pptModule = window.wasmModule?.spirepresentation;

    // 检查模块是否就绪
    if (!pptModule) {
      alert('Spire.Presentation is not ready yet');
      return;
    }

    // 将字体与两份示例演示文稿载入 VFS
    await window.spire.FetchFileToVFS('simsun.ttc', '/Library/Fonts/', `${process.env.PUBLIC_URL}/font/`);
    const sourceFileNames = ['Presentation.pptx', 'SlidesToMerge.pptx'];
    for (const fileName of sourceFileNames) {
      await window.spire.FetchFileToVFS(fileName, '', `${process.env.PUBLIC_URL}data/`);
    }

    // 新建演示文稿，并删除自带的空白幻灯片
    const mergedPpt = new pptModule.Presentation();
    mergedPpt.Slides.RemoveAt(0);

    // 依次把每份源演示文稿的全部幻灯片追加到合并结果
    for (const fileName of sourceFileNames) {
      const sourcePpt = new pptModule.Presentation();
      sourcePpt.LoadFromFile(fileName);

      for (let i = 0; i < sourcePpt.Slides.Count; i++) {
        mergedPpt.Slides.Append({ slide: sourcePpt.Slides.get_Item(i) });
      }

      sourcePpt.Dispose();
    }

    const outputFileName = 'MergedPresentation.pptx';
    mergedPpt.SaveToFile({ file: outputFileName, fileFormat: pptModule.FileFormat.Pptx2013 });
    mergedPpt.Dispose();

    // 从 VFS 读取结果文件并触发下载
    const fileArray = window.dotnetRuntime.Module.FS.readFile(outputFileName);
    const blob = new Blob([fileArray], { type: 'application/vnd.openxmlformats-officedocument.presentationml.presentation' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = outputFileName;
    a.click();
    URL.revokeObjectURL(url);
  };

  return (
    <div style={{ textAlign: 'center', height: '300px' }}>
      <h1>合并多个演示文稿</h1>
      <button onClick={mergePresentations}>
        开始合并
      </button>
    </div>
  );
}

export default App;

合并多个演示文稿后的演示文稿：

合并选定的 PowerPoint 幻灯片

合并时并不总是需要源文件的全部页面。例如主报告需要保留完整结构，而专题附录只取结论性的两页。此时可以先合并主报告的全部幻灯片，再按索引从另一份演示文稿中挑选需要的页面追加，避免把无关内容一并带入。

具体操作步骤如下：

1. 使用 window.spire.FetchFileToVFS 载入字体、Presentation.pptx 与 SlidesToMerge.pptx。
2. 分别创建两个 Presentation 实例并调用 LoadFromFile 加载两份源文件；另外用 new pptModule.Presentation() 新建合并结果，并调用 Slides.RemoveAt(0) 删除默认空白页。
3. 循环 mainPpt.Slides.Count，用 Slides.get_Item(i) 与 Slides.Append({ slide }) 把主报告的全部幻灯片追加到合并结果。
4. 设定 selectedIndexes（从 0 开始计数），只对这些索引调用 extraPpt.Slides.get_Item(index) 并追加；其余幻灯片不参与合并。
5. 用 SaveToFile 保存为 MergedSelectedSlides.pptx，再通过 window.dotnetRuntime.Module.FS.readFile 读取文件并触发下载。

function App() {
  const mergeSelectedSlides = async () => {
    // 获取 Spire.Presentation WASM 模块
    const pptModule = window.wasmModule?.spirepresentation;

    // 检查模块是否就绪
    if (!pptModule) {
      alert('Spire.Presentation is not ready yet');
      return;
    }

    // 将字体与两份示例演示文稿载入 VFS
    await window.spire.FetchFileToVFS('simsun.ttc', '/Library/Fonts/', `${process.env.PUBLIC_URL}/font/`);
    for (const fileName of ['Presentation.pptx', 'SlidesToMerge.pptx']) {
      await window.spire.FetchFileToVFS(fileName, '', `${process.env.PUBLIC_URL}data/`);
    }

    // 加载主报告与专题附录
    const mainPpt = new pptModule.Presentation();
    mainPpt.LoadFromFile('Presentation.pptx');

    const extraPpt = new pptModule.Presentation();
    extraPpt.LoadFromFile('SlidesToMerge.pptx');

    // 新建演示文稿，并删除自带的空白幻灯片
    const mergedPpt = new pptModule.Presentation();
    mergedPpt.Slides.RemoveAt(0);

    // 追加主报告的全部幻灯片
    for (let i = 0; i < mainPpt.Slides.Count; i++) {
      mergedPpt.Slides.Append({ slide: mainPpt.Slides.get_Item(i) });
    }

    // 只追加附录中指定的幻灯片（索引从 0 开始）
    const selectedIndexes = [1, 2];
    for (const index of selectedIndexes) {
      mergedPpt.Slides.Append({ slide: extraPpt.Slides.get_Item(index) });
    }

    const outputFileName = 'MergedSelectedSlides.pptx';
    mergedPpt.SaveToFile({ file: outputFileName, fileFormat: pptModule.FileFormat.Pptx2013 });

    // 释放资源
    mergedPpt.Dispose();
    mainPpt.Dispose();
    extraPpt.Dispose();

    // 从 VFS 读取结果文件并触发下载
    const fileArray = window.dotnetRuntime.Module.FS.readFile(outputFileName);
    const blob = new Blob([fileArray], { type: 'application/vnd.openxmlformats-officedocument.presentationml.presentation' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = outputFileName;
    a.click();
    URL.revokeObjectURL(url);
  };

  return (
    <div style={{ textAlign: 'center', height: '300px' }}>
      <h1>合并选定的幻灯片</h1>
      <button onClick={mergeSelectedSlides}>
        开始合并
      </button>
    </div>
  );
}

export default App;

合并选定幻灯片后的演示文稿：

常见问题

合并后的幻灯片顺序与预期不一致

原因：追加顺序由循环顺序决定，先处理的文件排在前面；若文件列表或循环次序与预期不同，结果页序也会随之改变。

解决：按需要的页序排列 sourceFileNames 数组，并保持 Append 的循环从第 1 张走到最后一张，合并结果即按该顺序排列。

合并结果为什么多出一张空白幻灯片

原因：new pptModule.Presentation() 创建的演示文稿自带一张空白幻灯片；若直接追加源幻灯片，这张空白页会留在合并结果最前面。

解决：在首次追加之前调用 Slides.RemoveAt(0) 删除默认页面，例如：

const mergedPpt = new pptModule.Presentation();
mergedPpt.Slides.RemoveAt(0);

合并后图片、表格和超链接会不会丢失

原因：Slides.Append({ slide }) 复制的是整张幻灯片，图片、表格与超链接都属于幻灯片自身的内容，会随幻灯片一并进入合并结果。

解决：无需额外处理。合并完成后可直接检查结果文件中的图片与表格；若超链接指向外部地址，请确认该地址仍然可访问。

获取免费许可证

如果您希望删除结果文档中的评估消息，或者摆脱功能限制，请该Email地址已收到反垃圾邮件插件保护。要显示它您需要在浏览器中启用JavaScript。获取有效期 30 天的临时许可证。