使用base64显示图片
因为在使用Thymeleaf模板H5生成pdf文件时需要使用图片生成盖章功能,在使用图片链接的时候,模板并没有去请求图片,所以要使用base64的方式去显示。
前端渲染:
<img th:src="'data:image/png;base64,' + ${imgStr}" />
后端返回:
byte[] bytes = iossApi.downLoad("test1.png", OSSBucketConst.SEAL);String imgBase64Str = Base64.encodeBase64String(bytes);parameters.put("imgStr",imgBase64Str);
因此需要添加src里面添加:data:image/png;base64,base64
data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据
使用base64显示图片相关推荐
- base64 显示图片和pdf
base64 显示图片和pdf,通过base64 编码在页面上显示图片和pdf,实现如下 1.图片 图片 java 代码,将图片转成 base64 字符串 package com.tmp;import ...
- kbmmw 与extjs 通过JSON Base64 显示图片
delphi 官网上开始也来越多的介绍delphi与extjs 结合的例子,今天我就把官方的例子翻版一下. 官方使用C++builder 和webbroker 实现. 我使用kbmmw 来实现一下. ...
- img标签的src使用base64显示图片
在vs中新建一个web项目,添加一个aspx页面 然后就开始后台编码了 namespace WebApplication1 {public partial class WebForm1 : Syste ...
- mysql base64 图片php_php实现图片以base64显示的方法
本文实例讲述了php实现图片以base64显示的方法.分享给大家供大家参考,具体如下: 这里实现图片以字符串形式保存到网页,从而不需要再加载图片的功能. 这是在RFC2397中定义的Data URI ...
- 网页html无图片代码显示图片,BASE64编码方式(Date Url)
今天有学到一个有趣的东西,就是用代码直接让浏览器显示图片,我不懂浏览器也实在不知道是什么原理实现的.不过这里记录一下这个代码是怎样生成的. <img src="https://img- ...
- 微信小程序开发——base64位图片显示问题
前言: 目前小程序项目需要后端借口提供验证码图片,后端是以base64位返回的,按照H5的做法,前边拼上 data:image/png;base64, 应该就可以了,关键代码如下: H5: <i ...
- qt读取base64图片数据并在label上显示图片
项目中有获取到服务器那边发来的base64图片数据在客户端进行显示,取到的数据使用 QPixmap::loadFromData(const QByteArray &buf, const cha ...
- Java踩坑笔记 —— base64转换为图片后图片显示不全
Java踩坑笔记 -- base64转换为图片后图片显示不全 前言 解决思路 案例代码 结束语 前言 最近在开发项目中,发现base64转换图片时,出现了图片显示不全,例如如下这样 可以明显看到图片部 ...
- 图片无法显示 base64图片无法显示 图片体积过大无法显示
图片体积过大 在vue项目中,经常使用webpack或其他打包工具,但因打包工具对图片的引入经常有大小限制,所以导致图片无法加载,一般来说,图片超过20kb就容易无法显示,此时应使用require引入 ...
最新文章
- 安川g7接线端子图_西门子SIWAREX称重模块安装接线注意事项!
- (chap5 web服务器) 数据转发之“代理”
- 吉林白山:“五脏俱全”的智能WiFi路灯点亮智慧城市
- CVTE【嵌入式应用开发】【软件技术支持】面经【已拿offer】
- 如何保留小数点后任意一位数
- mac os虚拟机镜像_为旧型Mac电脑配置支持OS 9的网络启动
- 在线教育平台架构设计-数据库设计1期
- Publish Junit test result report
- 阿里P8工程师强烈推荐,60本工程师必备读本
- 怎么安装mapinfo破解和符号库
- java中POJO、PO、BO、VO、DTO和DAO的概念
- 精益创业实战 - 第5章 开始实验
- LeetCode0704-二分查找
- 空中交通通信控制设备的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告
- md4 java_求MD4 java实现的代码
- Android 网络属性详解
- java消息平台_Java微信公众平台之消息管理
- 开源表单推荐:Tduck 填鸭 —— 表单收集器
- 辞旧迎新:祝您阖家幸福安康,万事如意
- React 音乐播放器