):
、
、
、
(表示 QQ 头像)
如果 QQ 号是
,那么它的头像地址是:
:
↑↑↑↑↑↑↑↑ ← 这一串就是 QQ 号
// 1. 基础格式校验
if (!/@/.test(email)) return null;
// 2. 拆分用户名和域名
const [username, domain] = email.split(‘@’);
// 3. 判断是否为 QQ 邮箱
if (domain.toLowerCase() !== ‘qq.com’ && domain.toLowerCase() !== ‘foxmail.com’) {
return null; // 非 QQ 邮箱,无法通过此接口获取
}
// 4. QQ号长度通常为 5~11 位
if (username.length < 5 || username.length > 11) return null;
// 5. 拼接头像地址
return {
qq: username,
avatar40: `https://q1.qlogo.cn/g?b=qq&nk=${username}&s=40`,
avatar100: `https://q1.qlogo.cn/g?b=qq&nk=${username}&s=100`,
avatar140: `https://q1.qlogo.cn/g?b=qq&nk=${username}&s=140`,
avatar640: `https://q1.qlogo.cn/g?b=qq&nk=${username}&s=640`,
};
}
:如果你的网站 / 小程序需要用户绑定 QQ 邮箱用于通知,可以自动展示 QQ 头像作为用户默认头像,省去用户手动上传的麻烦。
:基于邮箱的评论系统(如 Gravatar 的思路),输入 QQ 邮箱时自动匹配 QQ 头像,评论区立刻变得有辨识度。
:公司内部系统通常用邮箱登录,如果员工用了 QQ 邮箱,可以直接展示头像,方便快速识别同事。
:通过已知的 QQ 号列表,可以批量生成头像地址,用于数据分析、用户画像等场景。
:客服拿到用户 QQ 邮箱后,一键查看头像确认身份,比翻资料页快得多。
:直接把直链塞进 img 标签就能当头像用:
:拿到 QQ 邮箱后,动态生成头像并塞给用户头像框:
const qq = email.split(‘@’)[0];
const avatar = `https://q1.qlogo.cn/g?b=qq&nk=${qq}&s=100`;
document.querySelector(‘#avatar’).src = avatar;
:下面这个头像就是用 QQ 号
实时渲染出来的(100px):
:
):
评论(0)
暂无评论