在线样例
左侧浏览样例目录,右侧查看版式预览与示例代码;点击运行即可通过 web-print-pdf 驱动本地客户端完成静默打印或 PDF 预览。使用前请先 安装并启动客户端。
客户端
若打印或预览效果与预期不符,请务必先从官网下载并安装最新版 Web打印专家客户端后再试(旧版本可能导致版式偏差)。
版式说明
版式预览与打印输出完全遵循 HTML/CSS 标准样式,没有隐藏的渲染技巧:样式写成什么样,页面就长成什么样。
20 - Base64 PDF 打印
printPdfByBase64 适合服务端下发已生成的 PDF Base64,无需再传 URL。
版式预览
示例代码
// 业务中通常由服务端直接返回 PDF Base64;此处从演示地址拉取并编码
const res = await fetch('https://webprintpdf.com/api/fileCenter/webPrintExpert/fileCenterFileDownload/printTest.pdf');
const bytes = new Uint8Array(await res.arrayBuffer());
let binary = '';
for (let i = 0; i < bytes.length; i++) binary += String.fromCharCode(bytes[i]);
const pdfBase64 = btoa(binary);
await webPrintPdf.printPdfByBase64(
pdfBase64,
{ paperFormat: 'A4' },
{ paperFormat: 'A4', copies: 1 }
);
运行结果
- 样例优先加载本站内置
web-print-pdf,与 npm 包 API 一致;失败时回退 CDN。 - 客户端内置「运行示例」页(
vueApp/.../examples/index.vue)提供更多可编辑 demo,与本页样例互补。 - 工具类样例(连接检测、打印机列表等)仅返回 JSON,不触发打印。