LODOP直接用base64码输出图片

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>

图片：

转载于:https://www.cnblogs.com/huaxie/p/10395704.html

LODOP直接用base64码输出图片相关推荐

base64 去掉白边_LODOP直接用base64码输出图片
Lodop中的ADD_PRINT_IMAGE,也可以直接输出base64码图片,不用加img标签,如果加了img标签,会被当做超文本对待,受浏览器引擎解析的影响. 什么时候使用base64码直接输出比 ...
java BASE64流输出图片。
java BASE64流输出图片. 亲测3个请求都可用,没有测试性能问题.仅供参考 BASE64Decoder Eclipsse 类可能引用不了解决方案链接:http://blog.csdn.net ...
Vue+Springboot上传图片将 Base64 码转换为图片保存在指定文件夹
Vue+Springboot上传图片将 Base64 码转换为图片保存在指定文件夹前言一.Vue 前端一.五注意!!! 二.Springboot 后端引入Base64依赖在项目里新建 ut ...
uniapp上传图片压缩并转base64码、base64转图片路径
文章目录一.上传图片压缩再转base64码 1.选择图片 [官方api](https://uniapp.dcloud.net.cn/api/media/image?id=chooseimage) 2 ...
直接用img 的src属性显示base64转码后的字符串成图片【原】
直接用<img> 的src属性显示base64转码后的字符串成图片 <img src="data:image/gif;base64,base64转码后的字符串" ...
后端存储Base64码传输的图片
在项目中,上传图片时,我们可以采用Base64存储的方式,在后端直接接受前端传入的Base64码,然后转为图片,存储到服务器 Base64码的组成大概是这样的:图片格式;base64,图片内容所以 ...
BASE64编码的图片在网页中直接用
BASE64位转码有两种: 一种是图片转为Base64编码,这种编码是直接可以在页面通过<img src='base64编码'/>的方式显示 Base64 在CSS中的使用 .demoIm ...
node.js把前台传来的base64码转成图片存放
最近项目有个功能,更换用户个人头像,裁剪后上传保存. 裁剪用了cropper.js,裁剪后的图片为base64编码格式,传到node中,进行转换成图片在保存到数据库中,代码如下: var fs = r ...
关于Img不能直接用src显示Base64的验证码的问题
关于验证码返回的方式目前涉及到的有图片二进制流和Base64 (1)返回图片二进制流可以直接在Img上用src,类似<img src="返回图片二进制流的调用地址"> ...
pythonの鉴黄之路（二）——图片转base64码
上篇博客的YCbCr鉴黄有些过于浮夸 http://blog.csdn.net/sm9sun/article/details/53319959 于是经过慎重决定,我们打算采取调用外部成熟的接口来完成鉴 ...

LODOP直接用base64码输出图片

LODOP直接用base64码输出图片相关推荐

最新文章

热门文章