最近在做jspdf预览页面,刚开始正文内容少,显示没问题。后来测试数据增加,发现Base64(格式一般都是以data:image/jpeg;base64,这种类似形式打头的一串很长的字符串)数据过大会打开空白页。

要预览的测试数据居然4.1M

通过将Base64转换成blob,在layer弹框URL.createObjectURL(blob)解决了。
previewPdf.onclick = function() {
html2canvas(document.getElementById("pdfDiv"), {
onrendered:function(canvas) {
var contentWidth = canvas.width;
var contentHeight = canvas.height;
//一页pdf显示html页面生成的canvas高度;
&nb

本文介绍了在使用jspdf预览大量数据的Base64内容时遇到的空白页问题,以及通过将Base64转换为blob并利用layer弹框展示的解决方案。通过调整代码,实现了对大数据量图片的分页处理,成功避免了预览空白的情况。
最低0.47元/天 解锁文章
637

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



