码迷,mamicode.com
首页 > Web开发 > 详细

html中使用Data URL Schema嵌入图片

时间:2020-12-21 11:06:28      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:网站   pdm   encode   awl   iii   aws   nat   image   输出   

简介

Data URI 定义的内容可以作为小文件被插入到其他文档之中。Data URI 的格式十分简单,如下所示:

data:[<mime type>][;charset=<charset>][;base64],<encoded data>

第一部分是 data: 协议头,它标识这个内容为一个 data URI 资源。

第二部分是 MIME 类型,表示这串内容的展现方式,比如:text/plain,则以文本类型展示,image/jpeg,以 jpeg 图片形式展示,同样,客户端也会以这个 MIME 类型来解析数据。

第三部分是编码设置,默认编码是 charset=US-ASCII, 即数据部分的每个字符都会自动编码为 %xx,关于编码的测试,可以在浏览器地址框输入分别输入下面两串内容,查看效果:

// output: ?? ?¥? -> 使用默认的编码展示,故乱码
data:text/html,你好  
// output: 你好 -> 使用 UTF-8 展示
data:text/html;charset=UTF-8,你好 
// output: 浣犲ソ -> 使用 gbk 展示(浏览器默认编码 UTF-8,故乱码)
data:text/html;charset=gbk,你好 
// output: 你好 -> UTF-8 编码,内容先使用 base64 解码,然后展示
data:text/html;charset=UTF-8;base64,5L2g5aW9

第四部分是 base64 编码设定,这是一个可选项,base64 编码中仅包含 0-9,a-z,A-Z,+,/,=,其中 = 是用来编码补白的。

最后一部分为这个 Data URI 承载的内容,它可以是纯文本编写的内容,也可以是经过 base64编码 的内容。
很多时候我们使用 data URI 来呈现一些较长的内容,如一串二进制数据编码、图片等,采用 base64 编码可以让内容变得更加简短。而对图片来说,在 gzip 压缩之后,base64 图片实际上比原图 gzip 压缩要大,体积增加大约为三分之一,所以使用的时候需要权衡。

简单使用

import java.io.ByteArrayOutputStream;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;
import java.util.Base64;

public class Client {

  public static void main(String[] args) throws IOException {
    InputStream logoInput = new FileInputStream("D:/wechat.png");
    ByteArrayOutputStream output = new ByteArrayOutputStream();
    logoInput.transferTo(output);
    //使用java内置的base64编码器,将图片转换成base64字符串
    System.out.println(Base64.getEncoder().encodeToString(output.toByteArray()));
  }

}

生成的base64字符串如下

iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjczNDE4RUMyMjk4QTExRUI5QUM0OTg2Qjg0NEU3N0E0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjczNDE4RUMzMjk4QTExRUI5QUM0OTg2Qjg0NEU3N0E0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzM0MThFQzAyOThBMTFFQjlBQzQ5ODZCODQ0RTc3QTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzM0MThFQzEyOThBMTFFQjlBQzQ5ODZCODQ0RTc3QTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7kJD1wAAAUPElEQVR42uRc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

我们将本地一个图片转换成base64格式,在HTML中输出,测试HTML我们可以去这个网站,菜鸟教程
显示图片的HTML标签示例为

<img src="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjczNDE4RUMyMjk4QTExRUI5QUM0OTg2Qjg0NEU3N0E0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjczNDE4RUMzMjk4QTExRUI5QUM0OTg2Qjg0NEU3N0E0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzM0MThFQzAyOThBMTFFQjlBQzQ5ODZCODQ0RTc3QTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzM0MThFQzEyOThBMTFFQjlBQzQ5ODZCODQ0RTc3QTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7kJD1wAAAUPElEQVR42uRc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" />

参考

Data URL介绍

html中使用Data URL Schema嵌入图片

标签:网站   pdm   encode   awl   iii   aws   nat   image   输出   

原文地址:https://www.cnblogs.com/strongmore/p/14140716.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!