将图片转换成base64 在前端使用img标签显示出来

Java 端代码根据图片绝对路径获取图片的base64编码

public static String getImageStrFromPath(String imgPath) {
InputStream in = null;
byte[] data = null;
// 读取图片字节数组
try {
in = new FileInputStream(imgPath);
data = new byte[in.available()];
in.read(data);
in.close();
} catch (IOException e) {
e.printStackTrace();
}
// 对字节数组Base64编码
BASE64Encoder encoder = new BASE64Encoder();
// 返回Base64编码过的字节数组字符串
return encoder.encode(data);

}

将返回的字符串放入HTML的<img> 标签中

将图片转换成base64 在前端使用img标签显示出来相关推荐

java图片转换成base64_Java将图片转换成Base64字符串
public classImageUtil {/*** 本地图片转换成base64字符串 *@paramimgFile * 图片本地路径 *@return */ public static Strin ...
Flutter：把本地相册图片转换成Base64的方法
前言在Flutter开发中,关于图片上传和展示也是常用必用的操作,尤其是在设置APP用户的头像信息,以及上传背景图的操作.关于Flutter开发中图片的上传和展示也是比较常用的操作,也有对应的组件和 ...
js将图片转换成base64
之前有个需求是把页面绘制成图片,上传到服务器中,我使用的 html2canvas .但是html页面当中含有图片,如果图片地址非本页面域名,在截图时就会存在跨域问题,导致截图失败.经过多方查找,发现把 ...
HTML怎么转换base64教程,html5将图片转换成base64代码
我们为什么要把图片转换成base64代码? base64是一种网络上常用的8bit字节代码的编码方式,base64可以用于http环境下传递较长的标识信息,同时可以放在url当中使用,因为base64 ...
html5将图片转换成base64的实例代码
这篇文章给大家介绍了如何利用html5将图片转换成base64,文中通过示例代码介绍的很详细,有需要的朋友们可以参考借鉴. base64编码介绍 base64是一种网络上常用的8bit字节代码的编码方 ...
base64转html文件,图片转换成Base64编码集成到html文件
首先为什么要这么做? 原因很简单这样可以减少与服务器的请求,当然对于一些浏览器并不支持,如IE8.通常用在手机版网站中,具体转化方法如下: 1.在线打开Base64的编码器将图片编码成Base64 ...
python openslide 查看并保存切片的略缩图，并将Image图片转换成Base64
说明项目有个需求,需要显示病理切片的略缩图,查了一下api,实现代码挺简单的. 代码: 1,保存为本地图片 import openslide#切片路径 img_path = "./slic ...
vue中怎么把图片转换成base64字符串 , 以及base64字符串怎么转换成图片路径
一 , 项目根路径npm i vant , 安装vant组件库 , main.js中引入并注册vant 二 , 页面中使用 van-uploader上传文件的组件第一种方法 : 在提交表单时拿到上传 ...
base64 java php_利用PHP将图片转换成base64编码的实现方法
先来说一下为什么我们要对图片base64编码 base64是当前网络上最为常见的传输8Bit字节代码的编码方式其中之一.base64主要不是加密,它主要的用途是把某些二进制数转成普通字符用于网络传输. ...

将图片转换成base64 在前端使用img标签显示出来

将图片转换成base64 在前端使用img标签显示出来相关推荐

最新文章

热门文章