base64 显示图片和pdf_image展示base64 pdf

作者：很楠不爱3 | 2024-03-17 13:28:18

踩

image展示base64 pdf

base64 显示图片和pdf，通过base64 编码在页面上显示图片和pdf，实现如下

1、图片

图片

java 代码，将图片转成 base64 字符串


package com.tmp;
 
import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.util.Base64;
 
public class Demo1 {
 
    public static void main(String[] args) throws IOException {
        File file = new File("C:\\Users\\Administrator\\Desktop\\img\\xiyang.jpg");
 
        FileInputStream inputStream = new FileInputStream(file);
        ByteArrayOutputStream baos = new ByteArrayOutputStream();
 
        byte[] bytes = new byte[1024];
        int len;
        while ((len = inputStream.read(bytes)) != -1) {
            baos.write(bytes, 0, len);
        }
 
        byte[] res = Base64.getEncoder().encode(baos.toByteArray());
        String str = new String(res);
 
        System.out.println(str);
    }
}

base64 字符串

html 代码

在 img标签中显示 base64编码图片时，src后的 base64字符串添加前缀 data:image/png;base64,


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<img src="https://img-blog.csdnimg.cn/2022010700215296007.png"  />		
	</body>
</html>

效果如下

2、pdf

pdf 内容

java代码


package com.tmp;
 
import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.util.Base64;
 
public class Demo1 {
 
    public static void main(String[] args) throws IOException {
        File file = new File("C:\\Users\\Administrator\\Desktop\\article\\纳兰词一首.pdf");
 
        FileInputStream inputStream = new FileInputStream(file);
        ByteArrayOutputStream baos = new ByteArrayOutputStream();
 
        byte[] bytes = new byte[1024];
        int len;
        while ((len = inputStream.read(bytes)) != -1) {
            baos.write(bytes, 0, len);
        }
 
        byte[] res = Base64.getEncoder().encode(baos.toByteArray());
        String str = new String(res);
 
        System.out.println(str);
    }
}

base64 字符串

html 代码

在 iframe中显示 base64编码pdf 时，src后的 base64字符串添加前缀 data:application/pdf;base64,

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/256264