DATA URL解释

Data URL是在本地直接绘制图片,不是从服务器加载,所以节省了HTTP连接,起到加速网页的作用。

data:image/jpg; 声明数据协议及类型名称

base64, 编码形式为base64

/9j/4AAQSkZ…… base64编码结果

转换dataURL方法

    public static File base64ToFile(String base64FileStr, String fileType) throws Exception {base64FileStr = base64FileStr.replace("\r\n", "");// 在用户temp目录下创建临时文件File file = File.createTempFile(UUID.randomUUID().toString(), fileType);BufferedOutputStream bos = null;FileOutputStream fos = null;try {// 用Base64进行解码后获取的字节数组可以直接转换为文件byte[] bytes = Base64.getDecoder().decode(base64FileStr);fos = new FileOutputStream(file);bos = new BufferedOutputStream(fos);bos.write(bytes);} finally {if (bos != null) {try {bos.close();} catch (IOException e) {e.printStackTrace();}}if (fos != null) {try {fos.close();} catch (IOException e) {e.printStackTrace();}}}return file;}
在这里插入代码片

测试转换DataURL方法

public static void main(String[] args) throws Exception {String imageStr = "data:image/png;base64,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";if (imageStr.contains("data:image")) {imageStr = imageStr.substring(imageStr.indexOf(",") + 1);}File file = base64ToFile(imageStr, "png");InputStream inputStream = new FileInputStream(file);System.err.println("getFinishPicFile " + file.getName());System.err.println("getFinishPicFile " + file.length());}

图片转Base64

//图片转化成base64字符串public static String GetImageStr(File imgFile) {//将图片文件转化为字节数组字符串,并对其进行Base64编码处理InputStream in = null;byte[] data = null;//读取图片字节数组try {in = new FileInputStream(imgFile);data = new byte[in.available()];in.read(data);in.close();} catch (IOException e) {e.printStackTrace();}//对字节数组Base64编码BASE64Encoder encoder = new BASE64Encoder();return encoder.encode(data);//返回Base64编码过的字节数组字符串}

Java将前端Data Url (data:image/jpg;base64,)转为数据流相关推荐

  1. 如何将html转换成url,HTML之Data URL(转)

    Data URL给了我们一种很巧妙的将图片"嵌入"到HTML中的方法.跟传统的用img标记将服务器上的图片引用到页面中的方式不一样,在Data URL协议中,图片被转换成base6 ...

  2. 使用Data URL将图片嵌入到网页中

    早些时候,使用IE6浏览器,网页可以另存为mht,如果网页包含图片,那么图片也会存储到mht中. mht是微软提供的一种聚合HTML文档,它的本质其实是一个文本文件,那么我们也许会好奇,它的图片存储到 ...

  3. Data URL和图片(前端细节优化)

    Data url 1. 对比传统的图片和data url 首先在html中嵌入图片,我们通常使用<img>标签 用在服务器上的相对路径请求图片 例如: <img src=" ...

  4. java读取本地图片_java 怎么才能读取本地磁盘中的图片并传给前端(URL)

    不知道我理解的是否正确,题主想问的是前端访问URL后端传回指定的图片. 那么我以我在 Tomcat 的实例举个例子,需要 import javax.servlet: import javax.serv ...

  5. “background-image:url(data:image”data类型的Url格式简介

    所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些"小"的数据,可以在网页中直接嵌入,而不是从外部文件载入.例如对于img这个Tag, ...

  6. Java 技术篇 - 前端浏览器发送一次url请求后端ServerSocket接收到两次请求原因及解决方法,GET /favicon.ico HTTP/1.1问题处理

    效果图如下: 前端发送一次请求,后端接收到两次,第二次是:GET /favicon.ico HTTP/1.1 可以看到页签上标题栏前面是个地球,这个是默认的. 原因就是后台给的响应里没有指定这个图标, ...

  7. Data URL和图片,及Data URI的利弊

    Data URL给了我们一种很巧妙的将图片"嵌入"到HTML中的方法.跟传统的用img标记将服务器上的图片引用到页面中的方式不一样,在Data URL协议中,图片被转换成base6 ...

  8. java.io.IOException: output.properties data exceeds its limit [2048] hue的调度

    java.io.IOException: output.properties data exceeds its limit [2048]  hue的调度问题 添加配置 输出大小默认是2048,在ooz ...

  9. Bootstrap data类型的Url格式--url(data:image/gif;base64,AAAA):把小数据直接嵌入到Url中

    原文链接http://shiyun1013.blog.163.com/blog/static/1077403620111113234714/ 所谓"data"类型的Url格式,是在 ...

最新文章

  1. 查看平台内核信息脚本
  2. Java直接内存与非直接内存性能测试
  3. Python学习日记day4 字符编码
  4. python 广告拦截_Python如何在抓取时欺骗反广告块过滤器?
  5. 敲地鼠java_Java实现的打地鼠小游戏完整示例【附源码下载】
  6. 服务治理---限流(令牌桶算法)
  7. web.config中特殊字符的处理
  8. 转:HTTP ---HTTP头的编码问题(Content-Disposition)
  9. 学习方法分享:为何一年半就能拿到大厂 offer
  10. 【手把手教你】使用QuantLib进行债券估值和期权定价分析
  11. 机器学习笔记:特征处理——相关性分析GINI impurity
  12. ANC主动降噪蓝牙耳机南A2测评:日常通勤降噪亲民之选!
  13. 马尔科夫随机场Markov Random Field
  14. CAPEX/OPEX概念解释
  15. 什么是最牛逼的代码?
  16. 如何通过GB35114国密标准接入到LiveGBS GB28181/GB35114监控平台
  17. 硬盘的扇面、磁道、扇区
  18. 中柏ezpadE7装linux,中柏EZpad i7怎么样 中柏EZpad i7详细评测
  19. 指纹传感器和Blackfin处理器增强了生物识别设备的设计
  20. 计算机毕业设计Java春之梦理发店管理(源码+系统+mysql数据库+lw文档)

热门文章

  1. 计算机小游戏有哪些,4399电脑小游戏中有一个和lol类似的游戏叫什么
  2. 学者爱当官--学界官本位阴魂不散?
  3. R语言ARIMA,SARIMA预测道路交通流量时间序列:季节性、周期性
  4. python语法格式
  5. 被倒闭的湖北行星传动设备有限公司
  6. 中铁员工入职培训心得体会
  7. 11. 将学生的学号及平均成绩定义为一个视图(s_g),学号用sno表示,平均成绩用gavg表示。
  8. C++嵌套循环打印99乘法表
  9. 【每天学点管理】——员工激励-参与策略
  10. 教你如何识别DWG文件版本