请输入您要获取头像的账号

本页面仅供测试和效果展示，不代表最终效果

以下为调用代码

<body>
    <h1>请输入您要获取头像的QQ账号</h1>
    <form id="qqAvatarForm">
        <input type="text" id="qqInput" placeholder="请输入QQ账号">
        <button type="submit">获取头像</button>
    </form>
    <img id="qqAvatar" src="" alt="QQ头像" style="display:none;">
    <script>
        document.getElementById('qqAvatarForm').addEventListener('submit', function(event) {
            event.preventDefault();
            var qqInput = document.getElementById('qqInput').value;
            var qqAvatarUrl = 'http://q1.qlogo.cn/g?b=qq&nk=' + encodeURIComponent(qqInput) + '&s=640';
            document.getElementById('qqAvatar').src = qqAvatarUrl;
            document.getElementById('qqAvatar').style.display = 'block';
        });
    </script>
</body>



API接口
http://q1.qlogo.cn/g?b=qq&nk=[QQ账号]&s=640
//获取QQ帐号的头像
http://p.qlogo.cn/gh/707537805/[QQ群号]/640/
//获取QQ群的头像