前沿:
有个PDF批量打印的功能,多个PDF打印,这里涉及到一些方法,比如PDF合并,但是因为还有要合并图片和PDF,种种,最后还是后端实现方便,然后后端去实现了,接口返回base64,然后前端再转为PDF打印。
下面主要是自己本地拿pdf转为base64模拟测试打印PDF
PDF转Base64
https://www.base64encode.net/pdf-to-base64
在线pdf转base64文件 ,
然后引入base64
Base64转 PDF
用法:
//content是base64格式
viewPdf(content) {
console.log("content",content)
const blob = this.base64ToBlob(content)
if (window.navigator && window.navigator.msSaveOrOpenBlob) {
window.navigator.msSaveOrOpenBlob(blob)
} else {
const fileURL = URL.createObjectURL(blob)
console.log(fileURL,'-----fileUrl')
printJS({
printable: fileURL,
type: "pdf",
});
// window.open(fileURL);//弹出ppf文件
}
//content是base64格式
base64ToBlob(code) {
code = code.replace(/[\n\r]/g, '')
// atob() 方法用于解码使用 base-64 编码的字符串。
const raw = window.atob(code)
const rawLength = raw.length
const uInt8Array = new Uint8Array(rawLength)
for (let i = 0; i < rawLength; ++i) {
uInt8Array[i] = raw.charCodeAt(i)
}
return new Blob([uInt8Array], { type: 'application/pdf' })
},
打印
import printJS from 'print-js'
打印用的printJS,自行npm 安装
npm install print-js --save
npm install --save pdf-lib print-js
npm install pdfjs-dist
//fileURL 是 pdf地址路径
printJS({
printable: fileURL,
type: "pdf",
});
还有一些pdf前端实现的方法, pdf合并 npm install --save pdf-merger-js
相关api pdf-merger-js node.js - pdf-merger-js throws a TypeError and Fails - Stack Overflow
附上打印PDF截图