LODOP在WEB页面打印时直接用base64码输入图片

admin

2023年9月26日 23:29 本文热度 350

Lodop中的ADD_PRINT_IMAGE，也可以直接输出base64码图片，不用加img标签，如果加了img标签，会被当做超文本对待，受浏览器引擎解析的影响。

什么时候使用base64码直接输出比较好：
1.低版本IE解析不了带img标签的base64码输出方式。
一些低版本的的IE不支持base64码图片，这种时候用img+base64码，浏览器引擎不支持就无法解析，例如IE6、IE7等，这时候可以换用直接输出base64码不加img标签方式。

2.批量打印大量的图片：
批量打印很大数量的图片，如果用img标签超文本输出方式，IE引擎需要下载解析很多图片，受IE浏览器本身的限制，浏览器解析影响的，缓存有时不释放或释放的慢，可能打了一段时间后会突然不显示图片了，变成空白页。
这种时候可以改用直接输出base64码方式，不需要浏览器解析，不受浏览器引擎的影响。

Lodop图片输出ADD_PRINT_IMAGE 有白边
之前有博文介绍凡是输出img标签的，受浏览器解析的影响，会有浏览器背景色的白边，如果是护眼色，就是护眼色的白边。
直接输出base64码方式由于不经过浏览器解析，也不会产生白边。

由于参数太长，图片和代码省略了很多该base64码，且用了\r\n换行。

加img标签的base64码输出图片
直接输出base64码的图片（不加img标签）
低版本IE解析不了带img标签的base64码输出方式时，可用该直接输出base64码方法。
批量打印大量的图片时，可以用该直接输出base64码方法。
效果如图。

代码：

<script language="javascript" type="text/javascript">   
var LODOP; //声明为全局变量 
function prn1_preview() {
        LODOP=getLodop();  
        LODOP.PRINT_INIT("");//初始化
        LODOP.ADD_PRINT_SHAPE(4,-1,0,216,343,0,1,"#000000");
        LODOP.ADD_PRINT_IMAGE(10,10,172,123,"data:image/png;base64,\r\niVBORw0KGgoAAAANSUhEUgAAAJAAAABfCAIAAACImtmOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAK\r…………（省略）");
        LODOP.ADD_PRINT_IMAGE(200,10,172,123,"<img src=\"data:image/png;base64,\r\niVBORw0KGgoAAAANSUhEUgAAAJAAAABfCAIAAACImtmOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAK\r…………（省略）"/>");
        LODOP.PRINT_DESIGN(); 

};
</script>

图片：

该文章在 2023/9/26 23:29:34 编辑过

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。