HTML中Data URI scheme BASE64 文件的拼接头

今天java生成base64传返给前端发现要用头部标识文件的属性才可以显示

 

data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/css;base64,css代码
data:text/javascript;base64,javascript代码
data:image/x-icon;base64,base64编码的icon图片数据
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据

 

java生成base64的方法

 

File file = new File(realpath);
if (file.exists()) {
//FileUtil.showPic(realpath, wjm.substring(0, wjm.lastIndexOf(".")));
String base64 = "";
FileInputStream inputFile = new FileInputStream(file);
byte[] buffer = new byte[(int)file.length()];
inputFile.read(buffer);
inputFile.close();

base64 = Base64Encoder.encode(buffer);

 

前端示例

body { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSuQmCC");}

/**
* data:text/css,css代码,示例:
* 注意:下列方式是无法设置background-image:url()样式的
*/
<link rel="stylesheet" type="text/css" href="data:text/css;charset=gbk,#pseudo{color:red;}"/>

//data:text/javascript,javascript代码,示例:
<script type="text/javascript" charset="gbk" src="data:text/javascript;charset=gbk,alert('%D6%D0%CE%C4')"></script>

HTML中Data URI scheme BASE64 文件的拼接头-上流阁

*文章为作者独立观点,不代表上流阁立场
本文由 江风成 授权 上流阁 发表,并经上流阁编辑。转载此文章须经作者同意,并请附上出处(上流阁)及本页链接。原文链接https://www.o6c.com/web/2022/03/19/1534.html
发表评论

坐等沙发
相关文章
GoAccess轻量nginx日志分析工具与中文可视化goaccess-1.6.2.tar
GoAccess轻量nginx日志分析工具与中文可…
JAVA DES 十六进制加密
JAVA DES 十六进制加密
WEB前端 解决监听浏览器窗口关闭之onbeforeunload不起作用?
WEB前端 解决监听浏览器窗口关闭之onbef…
windows BAT 文件 多个命令同步执行
windows BAT 文件 多个命令同步执行
VUE el-input__suffix样式大小修改
VUE el-input__suffix样式大小修改
VUE el ui el-date-picker时间禁用范围禁用干货
VUE el ui el-date-picker时间禁用范围…
javaweb开发程序员php开发,微信开发。接受定制开发

最新评论