2024年最新JS合并2个远程pdf_js pdf合并(2),腾讯&字节&网易&华为Golang面试题分享

img
img
img

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

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

如果你需要这些资料,可以戳这里获取

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




添加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);

上述代码使用pdf-lib库来读取和合并两个远程PDF文件。它使用Axios库来获取远程PDF文件的字节数据,并将其加载到PDFDocument对象中。然后,它遍历每个PDF文件的页面,并将它们添加到合并后的PDF文档中。最后,它将合并后的PDF文档保存为字节数组。


您可以根据需要在`mergePDFs`函数中添加适当的代码来执行后续操作,例如将合并后的PDF文件下载到本地或读取矢量数据。


请注意,由于安全原因,浏览器可能会阻止从不同域的远程PDF文件加载数据。如果遇到这种情况,请确保您在服务器上设置了适当的CORS(跨域资源共享)配置。


PDF-LIB库包含的功能  
 创建和修改  
 从头开始创建PDF文档,或修改现有的PDF文档。绘制文本、图像和矢量图形。嵌入您自己的字体。甚至从其他PDF中嵌入和绘制页面。


纯JavaScript  
 用TypeScript编写,并编译为纯JavaScript,没有本地依赖项。适用于任何JavaScript运行时,包括浏览器、Node、Deno,甚至React Native。


![img](https://img-blog.csdnimg.cn/img_convert/fc761d3203774dd66d42dba3832a6eff.png)
![img](https://img-blog.csdnimg.cn/img_convert/d9e45267d30d0ce66fb58b766a440fcd.png)
![img](https://img-blog.csdnimg.cn/img_convert/c03e460524e73f4a4bc97d863e7ed914.png)

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

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

**[如果你需要这些资料,可以戳这里获取](https://bbs.youkuaiyun.com/topics/618658159)**

,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新**

**[如果你需要这些资料,可以戳这里获取](https://bbs.youkuaiyun.com/topics/618658159)**

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值