项目场景:
该功能是向第三方站点接口拉取的资源,拉取图片和富文本内容。
1
问题描述
由于第三方的图片资源是返回的本地图片路径,拉取到自己服务器,图片和富文本内容的图片无法显示。
1
2
方案1 - 图片转换base64:
首先通过后端访问获取到的图片地址进行base64转换
一般处理图片跨域类问题都可使用base64方式,但是还需文件大小来判断是否会影响到性能
``
@Test
public void test() throws Exception {
String url = "http://www.my.xxx.cn/xx/xxx.jpg";
String str1 = url.substring(0, url.indexOf("."));
String str2 = url.substring(str1.length()+1, url.length());
System.out.println(str2);
String s1 = convertImageToBase64(url, null);
System.out.println(s1); //返回base64
}
----
/**
* 将url压缩为指定大小
* @param imageUrl
* @param sizeLimit
* @return
* @throws IOException
*/
public static String convertImageToBase64(String imageUrl, Integer sizeLimit) throws IOException {
String imgType=imageUrl.substring(imageUrl.lastIndexOf(".")+1);
//默认上限为500k
if (sizeLimit == null) {
sizeLimit = 500;
}
sizeLimit = sizeLimit * 1024;
String base64Image;
DataInputStream dataInputStream = null;
ByteArrayOutputStream outputStream = null;
ByteArrayInputStream inputStream = null;
try {
//从远程读取图片
URL url = new URL(imageUrl);
dataInputStream = new DataInputStream(url.openStream());
outputStream = new ByteArrayOutputStream();
byte[] buffer = new byte[2048];
int length;
while ((length = dataInputStream.read(buffer)) > 0) {
outputStream.write(buffer, 0, length);
}
byte[] context = outputStream.toByteArray();
//将图片数据还原为图片
inputStream = new ByteArrayInputStream(context);
//注意:使用ImageIO.read()方法可能会导致图片数据丢失,导致图片变色
BufferedImage image = ImageIO.read(inputStream);
int imageSize = context.length;
int type = image.getType();
int height = image.getHeight();
int width = image.getWidth();
BufferedImage tempImage;
//判断文件大小是否大于size,循环压缩,直到大小小于给定的值
while (imageSize > sizeLimit) {
//将图片长宽压缩到原来的90%
height = new Double(height * 0.9).intValue();
width = new Double(width * 0.9).intValue();
tempImage = new BufferedImage(width, height, type);
// 绘制缩小后的图
tempImage.getGraphics().drawImage(image, 0, 0, width, height, null);
//重新计算图片大小
outputStream.reset();
ImageIO.write(tempImage, imgType, outputStream);
imageSize = outputStream.toByteArray().length;
}
//将图片转化为base64并返回
byte[] data = outputStream.toByteArray();
//此处一定要使用org.apache.tomcat.util.codec.binary.Base64,防止再linux上出现换行等特殊符号
base64Image = Base64.encodeBase64String(data);
} catch (Exception e) {
//抛出异常
throw e;
} finally {
if (dataInputStream != null) {
try {
dataInputStream.close();
} catch (IOException e) {
e.printStackTrace();
}
}
if (outputStream != null) {
try {
outputStream.close();
} catch (IOException e) {
e.printStackTrace();
}
}
if (inputStream != null) {
try {
inputStream.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
return base64Image;
}
方案2 - todo:
思路:通过保存本地重新生成图片url地址返回
问题二 - 解析富文本图片转base64替换原图片地址:
@Test
public void test34() throws IOException {
String str = "<p align=\"\" style=\"margin-top: 0px; text-indent: 2em; text-align: justify; font-size: 16pt;\">xx。<o:p></o:p></p>\n<p style=\"margin-top: 0px; text-align: center; font-size: 16pt;\"><img src=\"http://www.my.xxx.cn/mongo2/0145418856f94858ade9f0825e210437.jpg\" data-originalurl=\"/xx/87f5444c6e2e4c4ea9a6e065d0164085.jpg\" hspace=\"\" border=\"0\" align=\"center\"></p>\n<p align=\"\" style=\"margin-top: 0px; text-indent: 2em; text-align: justify; font-size: 16pt;\">xx。<o:p></o:p></p>\n<p style=\"margin-top: 0px; text-align: center; font-size: 16pt;\"><img src=\"http://www.xxx.cn/mongo2/b85e50cae46a427f955f7eb10dcb166b.jpg\" data-originalurl=\"/mongo2/3f6093accd494704bcb6c5cc3df16706.jpg\" hspace=\"\" border=\"0\" align=\"center\"></p>\n<p align=\"\" style=\"margin-top: 0px; text-indent: 2em; text-align: justify; font-size: 16pt;\">xx。<o:p></o:p></p>\n<p align=\"\" style=\"margin-top: 0px; text-indent: 2em; text-align: justify; font-size: 16pt;\">xx<o:p></o:p></p>\n<p align=\"\" style=\"margin-top: 0px; text-indent: 2em; text-align: justify; font-size: 16pt;\">xx<o:p></o:p></p>\n<p align=\"\" style=\"margin-top: 0px; text-indent: 2em; text-align: justify; font-size: 16pt;\">xx<o:p></o:p></p>";
String regex = "<img src=\"(\\S+)\"";
System.out.println("Input string: \n"+str);
//Creating a pattern object
Pattern pattern = Pattern.compile(regex);
Matcher matcher = pattern.matcher(str);
StringBuffer sb = new StringBuffer();
//这种情况<img>标签可能存在多个 而我们这里先替换每个image标签中的base64后再进行缓存
while (matcher.find()) {
String key = matcher.group(1);
String base64 = convertImageToBase64(key, null);
//将要替换的地方先进行缓存
matcher.appendReplacement(sb, "<img src=\"data:image/png;base64,"+base64+"\"");
}
//再将不同部分缓存
matcher.appendTail(sb);
System.out.println("Contents of the StringBuffer: \n"+ sb.toString() );
}
————————————————
版权声明:本文为CSDN博主「Cadence_V」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Cadences/article/details/124194267