解决微信头像跨域问题

最新推荐文章于 2023-08-22 17:19:04 发布

瑾析编程

最新推荐文章于 2023-08-22 17:19:04 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

文章标签：微信头像跨域网页生成图片跨域问题

本文链接：https://blog.youkuaiyun.com/XiaMen_BuYu/article/details/82894690

本文介绍了在项目中遇到微信头像跨域问题的背景，提出了解决方案，即通过将微信头像转换为BASE64编码来规避跨域限制。文章详细讲述了使用JAVA实现图片URL转成BASE64的过程，并提供了在HTML页面中应用的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景介绍

微信头像链接：http://thirdwx.qlogo.cn/mmopen/vi_32/xxxxxx
项目域名：http://xxx.xxx.com
现在要将页面生成图片，会报跨域问题

解决方案

将微信头像转成BASE64的文件

具体实现

JAVA 将图片URL转成BASE64

import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.Base64;
import java.util.List;

// 其它代码

private String getImage(String imgURL) {
	ByteArrayOutputStream data = new ByteArrayOutputStream();
	try { // 创建URL
		URL url = new URL(imgURL);
		byte[] by = new byte[1024];
		// 创建链接
		HttpURLConnection conn = (HttpURLConnection) url.openConnection();
		conn.setRequestMethod("GET");
		conn.setConnectTimeout(5000);
		InputStream is = conn.getInputStream();
		// 将内容读取内存中
		int len = -1;
		while ((len = is.read(by)) != -1) {
			data.write(by, 0, len);
		}
		// 关闭流
		is.close();
	} catch (IOException e) {
		e.printStackTrace();
	}
	// 对字节数组Base64编码
	return Base64.getEncoder().encodeToString(data.toByteArray());
}

HTML页面使用方式

$('#myHeadImageUrl').attr('src', 'data:image/png;base64,' + BASE64的内容);