目 录CONTENT

文章目录

base64将图片转为Base64编码的作用

在水一方
2021-12-03 / 0 评论 / 0 点赞 / 1,143 阅读 / 1,017 字 / 正在检测是否收录...

实际项目中如果需要在网页中添加图片,在图片没有保存路径的时候如何引用,这里可以通过base64编码来实现

工具地址:

https://www.toolnb.com/tools/ImageToBase64.html

工具说明

将图片转换为Base64编码,可以让你很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中。 这对于一些小的图片是极为方便的,因为你不需要再去寻找一个保存图片的地方。将图片转换成base64编码的,在web网上一般用于小图片上,不仅可以减少图片的请求数量(集合到js、css代码中),还可以防止因为一些相对路径等问题导致图片404错误。

引入方式:

CSS中使用:background-image: url("data:image/png;base64,iVBORw0KGgo=...");

HTML中使用:

<img src="data:image/png;base64,iVBORw0KGgo=..." />

图片转换Base64,无线开发、HTML5、CSS3必备的工具,CSS DataURI Base64 工具,这一点在实际开发中也是可以用到的

将base64位码转为图片

    public static void  GenerateImage(String imgData,String imgFilePath) throws IOException{
        if (imgData != null) {
            String imagedate = imgData.split(",")[1];
            BASE64Decoder decoder = new BASE64Decoder();
            OutputStream out = null;
            try {
                out = new FileOutputStream(imgFilePath);
                // Base64解码
                byte[] b = decoder.decodeBuffer(imgData);
                for (int i = 0; i < b.length; ++i) {
                    if (b[i] < 0) {// 调整异常数据
                        b[i] += 256;
                    }
                }
                out.write(b);
            } catch (FileNotFoundException e) {

                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            } finally {
                out.flush();
                out.close();
            }
        }

    }

0

评论区