2024年最新JS合并2个远程pdf_js pdf合并(3)，2024年最新2024Golang开发社招面试总结

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上Go语言开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

<button onclick="mergePDFs()">合并PDF文件</button>

3. 添加JS

在JavaScript文件中添加以下代码来实现读取和合并PDF文件的功能：

// 合并PDF文件
async function mergePDFs() {
  const pdfUrl1 = 'https://example.com/path/to/first/pdf/file.pdf';
  const pdfUrl2 = 'https://example.com/path/to/second/pdf/file.pdf';

  try {
    // 读取第一个PDF文件
    const pdfBytes1 = await axios.get(pdfUrl1, { responseType: 'arraybuffer' });
    const pdfDoc1 = await PDFLib.PDFDocument.load(pdfBytes1.data);

    // 读取第二个PDF文件
    const pdfBytes2 = await axios.get(pdfUrl2, { responseType: 'arraybuffer' });
    const pdfDoc2 = await PDFLib.PDFDocument.load(pdfBytes2.data);

    // 创建一个新的PDF文档
    const mergedPdfDoc = await PDFLib.PDFDocument.create();

    // 合并两个PDF文档的页面
	const [existingPage] = await mergedPdfDoc.copyPages(pdfDoc1, [0])
    mergedPdfDoc.addPage(existingPage)
    
    const [existing2Page] = await mergedPdfDoc.copyPages(pdfDoc2, [0])
    mergedPdfDoc.addPage(existing2Page)

    // 将合并后的PDF文档保存为字节数组
    const mergedPdfBytes = await mergedPdfDoc.save();

    // 可根据需要进行后续操作，例如下载合并后的PDF文件或读取矢量数据
    // ...

    console.log('PDF文件合并成功！');
  } catch (error) {
    console.error('无法合并PDF文件：', error);
  }
}

4.预览

添加html

<iframe id="pdf" style="width: 100%; height: 100%;"></iframe>

添加js

    const pdfDataUri = await mergedPdfDoc.saveAsBase64({dataUri: true});
    document.getElementById('pdf').src = pdfDataUri;

5.下载

简单的下载逻辑

        var downloadLink = document.createElement('a');
        downloadLink.href = URL.createObjectURL(new Blob([mergedPdfBytes]));
        downloadLink.download = 'merged\_pdf.pdf';
        document.body.appendChild(downloadLink);
        downloadLink.click();
        document.body.removeChild(downloadLink);