移动端、公众号、小程序pdf转图片，pdfh5.js

128 阅读 0 评论 85 点赞

我是靠谱客的博主激动网络，这篇文章主要介绍移动端、公众号、小程序pdf转图片，pdfh5.js，现在分享给大家，希望可以做个参考。

复制代码

1
2
    为了解决移动端pdf文件转图片，在网上差了好久相关的资料，踩了N多的坑，才总算弄出来，发这个贴是为了记录一下，也方便第一次使用的同志们使用，pdf在移动端转图片我是通过pdfh5.js来完成的，我用的uni-app，用法跟vue基本一致，如果是pc端的话使用pdf.js就可以使用了

下面是下载地址
https://www.npmjs.com/package/pdfh5
npm install pdfh5

下面附上代码
引入pdfh5.js

复制代码

1
2
3
import Pdfh5 from "pdfh5";
import "pdfh5/css/pdfh5.css";

复制代码

1
2
<view class="pdf" id="pdf"></view>

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
uni.request({
	method: 'get',
	url: url,//此处为图片地址，本人用的是网络链接
	header: {
	'content-type': "text/html;charset=UTF-8"
	},
	responseType: 'arrayBuffer'//这里很重要，需要定义后台传来的图片流数据格式为 arrayBuffer
	}).then((result) => {
	let [error, res] = result;

	var pdfh5 = new Pdfh5('#pdf', {//#pdf与上面标签的id名对应
		data: res.data,//res.data为请求回来的数据
		'zoomEnable': false,
		scrollEnable: false,
		});
	});