JavaScript本身不支持PDF转换为图片的功能。但可以使用PDF.js库来将PDF转换为canvas图片,此篇记录一种写法
示例(基于jquery,vue)
1.引入js库
引入压缩包build文件夹下pdf.js和pdf.worker.js,以及web文件夹下cmaps文件夹
<script src="../../js/plugin/pdfjs-3.6.172/pdf.js"></script>
<script src="../../js/plugin/pdfjs-3.6.172/pdf.worker.js"></script>
2.创建dom用于渲染
<img :src="imageUrl" class="w-full mb-1" alt="">
<canvas id="the-canvas" style="display: none"></canvas>
3.js方法
/**
* @param {String} url 文件路径
* */
previewPdf(url) {
if (url) {
let _this = this;
let imgArr = [

该篇文章介绍了一种利用JavaScript库PDF.js将PDF文档转换为canvas图片的方法,涉及引入库文件、创建DOM元素、渲染PDF页面到canvas并最终转换为base64图片的步骤。此过程解决了在浏览器端处理PDF并显示汉字的问题。
最低0.47元/天 解锁文章
1919

被折叠的 条评论
为什么被折叠?



