用TypeScript、JavaScript实现PDF转图片

最新推荐文章于 2024-05-18 14:22:29 发布
最新推荐文章于 2024-05-18 14:22:29 发布
阅读量1.3k 收藏 5
点赞数 2
文章标签： javascript typescript 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oneJourney/article/details/120766514
版权

本人的第一篇，谢谢浏览！！！！！！！！！

最近公司在开发微信小程序，但是现在微信小程序上是不支持直接阅览PDF文件（虽然有插件可以看，但是公司有特殊需求- -！难受！），这就需要我们后端把PDF转换成图片后再回传给前端显示。再尝试了pdf2json，pdf2images-multiple后，一直没有完成对应的转换，还是非常的头疼的！

最后在www.npmjs.com这个上面偶然的飘到了一眼看到了pdf-poppler，阅读了他的开发文档

点这里：pdf-poppler - npm (npmjs.com)，感觉上可以试一试， 没想到真的成功了。

下面是我用TypeScript实现的代码，特地分享一下。希望对大家有帮助，

代码：

<
最低0.47元/天 解锁文章
oneJourney
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
用于生成PDF的库poppler
10-15
用于生成PDF的库poppler 为C++库
QT使用Poppler库来完成阅读PDF文件
m0_51608295的博客
09-28 1321
采用异步加载来实现pdf的阅读会大效率的来加载pdf文件，使得加载的过程变得快速。缺点是加载的界面顺序是乱的，因此需要在加载到窗口的时候先排个序。此过程会浪费大约0.6s的时间。使用时需要导入poppler库。
Poppler - PDF文档处理开源库
最新发布
ejinxian的专栏
05-18 342
FreeType 字体工具，FreeType 2 被设计为一种占用空间小的、高效的、高度可定制的、并且可以产生可移植的高品质输出（符号图像）。PDF 转换：将 PDF 文件转换为其他格式，如 HTML、TXT 或 PostScript。文本和图像提取：从 PDF 文件中提取文本和图像，进行进一步处理或保存为其他格式。PDF 文档分析：获取 PDF 文档的信息，如元数据、页面数量和嵌入字体等。注释和书签管理：读取、添加、修改或删除 PDF 文件中的注释和书签。页面操作：提取、插入、删除或旋转 PDF 页面。
利用pdf-poppler和printJS完成pdf批量打印
不会霞
09-28 3245
前段时间遇到了这么个需求,需要根据后端返回的多个pdf流(如下图),整合成一个pdf文件并打印,在这里分享一下我使用的方法。
PDF转图片实现方式
机器学习，深度学习
06-19 2822
如何自己写pdf转图片工具，不需要网上找收费工具，自己搞定。
PDFJS实现PDF转图片
seiEight的博客
05-30 2898
JavaScript本身不支持PDF转换为图片的功能。但可以使用PDF.js库来将PDF转换为canvas图片，此篇记录一种写法。引入压缩包build文件夹下pdf.js和pdf.worker.js，以及web文件夹下cmaps文件夹。示例（基于jquery，vue）2.创建dom用于渲染。
Poppler - 高性能的PDF文档处理库
gitblog_00001的博客
03-08 1034
Poppler - 高性能的PDF文档处理库 Poppler 是一个用于 PDF 文档处理的强大开源库。它提供了一系列高级功能，包括页面提取、文本提取、注释和书签处理等。 Poppler 可以用来做什么？ 文本和图像提取：从 PDF 文件中提取文本和图像，进行进一步处理或保存为其他格式。 PDF 转换：将 PDF 文件转换为其他格式，如 HTML、TXT 或 PostScript。 页面操作：提...
JS将PDF转图片，pdfjs的使用
砷碲 - Shendi
06-24 3311
一个通用的、基于web标准的平台，用于解析和呈现PDF。简单讲就是用来展示pdf的。
TypeScript手册(TypeScript Handbook) 重写新版 PDF版
03-20
包括省去讲授 JavaScript（因为网络上和相关书籍资源已经非常丰富了）、渐进式教学、每当发布新的 TypeScript 版本时提供最新的代码示例，以及编写日常用例。通过专注于这些领域，团队可以为 TypeScript 语言提供...
TypeScript Modern JavaScript Development 无水印pdf
10-06
TypeScript Modern JavaScript Development 英文无水印pdf pdf所有页面使用FoxitReader和PDF-XChangeViewer测试都可以打开 本资源转载自网络，如有侵权，请联系上传者或csdn删除 本资源转载自网络，如有侵权，...
vue3+typescript+Luckysheet实现导入导出在线编辑 vue3+pdf.js实现导入导出在线编辑pdf文件
03-14
vue3+typescript+Luckysheet实现导入导出在线编辑excel文件 vue3+pdf.js实现导入导出在线编辑pdf文件 该项目涵盖了excel导入，在线编辑，导出与pdf导入简单编辑导出两个功能 下载下来 执行 pnpm i pnpm run dev 如果...
Introducing Regular Expressions JavaScript and TypeScript 无水印pdf
10-05
Introducing Regular Expressions JavaScript and TypeScript 英文无水印pdf pdf所有页面使用FoxitReader和PDF-XChangeViewer测试都可以打开 本资源转载自网络，如有侵权，请联系上传者或csdn删除 本资源转载...
typescript-handbook.pdf
01-12
总的来说，《TypeScript Handbook》全面覆盖了从基础到高级的TypeScript概念和技术，帮助开发者更好地理解和使用这个强大的静态类型系统，从而编写出更安全、更易于维护的JavaScript代码。随着JavaScript应用程序...
JS逐页转pdf文件为图片格式
細水、長流√的专栏
12-21 4638
背景 年前的时候，开发一个电子杂志项目，功能需求是通过上传pdf文件，将其转为图片格式，所以杂志的内容其实就是一张张图片 不过当时技术要求用后端实现，所以使用的是PHP实现该功能。项目完成后，寻思着在前端是否也能实现pdf转图片的功能。一番研究后，果真可行。以下就分享如何通过前端js将pdf文件转为图片格式，并且支持翻页预览、以及图片打包下载 效果预览 所需工具 pdf.js（负责API解析，可将pdf文件渲染成canvas实现预览） pdf.worker.js（负责核心解析） .
pdf文件上传 生成图片进行保存
m0_58421245的博客
07-20 112
后台管理上传文件，接收到文件后，判断后缀是否是PDF，如果是PDF则生成图片进行保存
2024-04-09 pdf.js实现文件转图片预览
SHEN_JAIMEI的博客
04-09 379
背景：已知后端给了pdf的url地址，可以在浏览器中直接打开预览；求如何在前端用图片的方式预览展示；convertPdfToImage方法已经可以得到pdf转化的图片数组了，想怎么预览就自由发挥吧。vue2中直接下载最新版本可能会有问题，这里用的是2.2.228版本；以下为ElementUI中 ElImageViewer组件预览方法。
用typescript，javescript实现pdf转图片（二）（Linux系统下）
oneJourney的博客
10-25 332
先在这里表示一下歉意，我的上一篇我没注意到pdf-poppler目前只支持Windows和Mac OS，非常之难受啊，所以现在我要提供的时linux系统下面的PDF转图片， 首先先把库摆上：pdf2img - npm (npmjs.com)，这个是在linux下面的支持PDF转图片的库， 但是呢，光有库时不够的，还需要的一个linux下面的开源图图片处理工具：graphicsmagick linux下的安装指令：sudo apt install graphicsmagick 他会有对应的Linux..
微信小程序实现PDF转图片（java spring实现）
weixin_39944879的博客
07-27 4481
微信小程序实现PDF转图片前后端（两种方式）1、前端传PDF的url地址至后端1.1前端1.2后端2、前端传PDF文件至后端2.1前端2.2后端 1、前端传PDF的url地址至后端 1.1前端 转换的图片页面 示例。 <template> <view class="detail-desc"> <view v-if='flag'> <image id="pdfImage" :src="imagePath" mode="w
pdfjs转图片_PDF转图片，在线PDF转JPG/PNG
weixin_30356433的博客
12-24 1378
原理使用pdf.js预览图片，pdf.js将pdf通过canvas将每一页渲染出来，然后我们通过canvas的toDataURL方法保存为jpg或png格式。pdf.js是Mozilla开源的一个js库，无需任何本地支持就可以在浏览器上显示pdf文档。唯一的要求就是浏览器必须支持HTML5。依赖需要pdf.min.js和pdf.worker.min.js两个js文件全部代码实现pdfjsLib.G...
typescript笔记pdf
08-02
TypeScript是一种由微软开发的开源编程语言，它是JavaScript的超集，意味着它可以使用JavaScript的所有语法和功能，同时还提供了一些额外的功能和类型系统。TypeScript主要用于编写大型应用程序，并且在开发过程中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值