---
title: "jQuery 在线获取 QQ 名称和 QQ 头像链接 - 一纸忘忧"
description: "昨天群里有人问到 Dux 主题的评论处输入 QQ 号直接获取名称和头像是怎么实现的，我看了一下 Dux 主题，发现并没有集成这个功能，倒是 Emlog 的 Dux 主题内置了这个功能，本来想移植过来 WordPress 的，但是发现 Emlog 和 WP 的评论模块不一样，几乎要重写整个样式和 JS 才能实现，我果断的"
canonical_url: "https://www.ikxin.com/article/jquery-qq-profile"
last_updated: "2026-09-16T09:59:27.259Z"
locale: zh-cn
meta:
  "og:description": "昨天群里有人问到 Dux 主题的评论处输入 QQ 号直接获取名称和头像是怎么实现的，我看了一下 Dux 主题，发现并没有集成这个功能，倒是 Emlog 的 Dux 主题内置了这个功能，本来想移植过来 WordPress 的，但是发现 Emlog 和 WP 的评论模块不一样，几乎要重写整个样式和 JS 才能实现，我果断的"
  "og:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~alF1ZXJ5IOWcqOe6v-iOt-WPliBRUSDlkI3np7DlkowgUVEg5aS05YOP6ZO-5o6lIC0g5LiA57q45b-Y5b-n%2Cc_Article%2Ctitle_~alF1ZXJ5IOWcqOe6v-iOt-WPliBRUSDlkI3np7DlkowgUVEg5aS05YOP6ZO-5o6l%2Cdescription_~5pio5aSp576k6YeM5pyJ5Lq66Zeu5YiwIER1eCDkuLvpopjnmoTor4TorrrlpITovpPlhaUgUVEg5Y-355u05o6l6I635Y-W5ZCN56ew5ZKM5aS05YOP5piv5oCO5LmI5a6e546w55qE77yM5oiR55yL5LqG5LiA5LiLIER1eCDkuLvpopjvvIzlj5HnjrDlubbmsqHmnInpm4bmiJDov5nkuKrlip~og73vvIzlgJLmmK8gRW1sb2cg55qEIER1eCDkuLvpopjlhoXnva7kuobov5nkuKrlip~og73vvIzmnKzmnaXmg7Pnp7vmpI3ov4fmnaUgV29yZFByZXNzIOeahO-8jOS9huaYr-WPkeeOsCBFbWxvZyDlkowgV1Ag55qE6K-E6K665qih5Z2X5LiN5LiA5qC377yM5Yeg5LmO6KaB6YeN5YaZ5pW05Liq5qC35byP5ZKMIEpTIOaJjeiDveWunueOsO-8jOaIkeaenOaWreeahA%2CsiteName_~5LiA57q45b-Y5b-n%2CsiteHost_www.ikxin.com%2Cp_Ii9hcnRpY2xlL2pxdWVyeS1xcS1wcm9maWxlIg%2Cs_D9mjFJBXdgROzNzr.png"
  "og:image:alt": "jQuery 在线获取 QQ 名称和 QQ 头像链接 - 一纸忘忧"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "jQuery 在线获取 QQ 名称和 QQ 头像链接"
  "twitter:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~alF1ZXJ5IOWcqOe6v-iOt-WPliBRUSDlkI3np7DlkowgUVEg5aS05YOP6ZO-5o6lIC0g5LiA57q45b-Y5b-n%2Cc_Article%2Ctitle_~alF1ZXJ5IOWcqOe6v-iOt-WPliBRUSDlkI3np7DlkowgUVEg5aS05YOP6ZO-5o6l%2Cdescription_~5pio5aSp576k6YeM5pyJ5Lq66Zeu5YiwIER1eCDkuLvpopjnmoTor4TorrrlpITovpPlhaUgUVEg5Y-355u05o6l6I635Y-W5ZCN56ew5ZKM5aS05YOP5piv5oCO5LmI5a6e546w55qE77yM5oiR55yL5LqG5LiA5LiLIER1eCDkuLvpopjvvIzlj5HnjrDlubbmsqHmnInpm4bmiJDov5nkuKrlip~og73vvIzlgJLmmK8gRW1sb2cg55qEIER1eCDkuLvpopjlhoXnva7kuobov5nkuKrlip~og73vvIzmnKzmnaXmg7Pnp7vmpI3ov4fmnaUgV29yZFByZXNzIOeahO-8jOS9huaYr-WPkeeOsCBFbWxvZyDlkowgV1Ag55qE6K-E6K665qih5Z2X5LiN5LiA5qC377yM5Yeg5LmO6KaB6YeN5YaZ5pW05Liq5qC35byP5ZKMIEpTIOaJjeiDveWunueOsO-8jOaIkeaenOaWreeahA%2CsiteName_~5LiA57q45b-Y5b-n%2CsiteHost_www.ikxin.com%2Cp_Ii9hcnRpY2xlL2pxdWVyeS1xcS1wcm9maWxlIg%2Cs_D9mjFJBXdgROzNzr.png"
  "twitter:image:alt": "jQuery 在线获取 QQ 名称和 QQ 头像链接 - 一纸忘忧"
---

> Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt)

# **jQuery 在线获取 QQ 名称和 QQ 头像链接**

2017.07.26 5,245  0

昨天群里有人问到 Dux 主题的评论处输入 QQ 号直接获取名称和头像是怎么实现的，我看了一下 Dux 主题，发现并没有集成这个功能，倒是 Emlog 的 Dux 主题内置了这个功能，本来想移植过来 WordPress 的，但是发现 Emlog 和 WP 的评论模块不一样，几乎要重写整个样式和 JS 才能实现，我果断的放弃了，然后就想到了 QQ 空间的接口，可以直接获取 QQ 头像和名称，下面分享给小伙伴们。

## HTML 代码

 HTML

```
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>在线获取 QQ 用户名和头像</title>
    </head>
    <body>
        <div> QQ &nbsp;<input type="text" name="" id="qqnum" value="" /></div><br>
        <div> 昵称 <input type="text" name="" id="comname" value="" /></div><br>
        <div> 邮箱 <input type="text" name="" id="commail" value="" /></div><br>
        <div id="avatar"></div>
        <script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
        <script>
            $("#qqnum").blur(function() {
                var qq = $("#qqnum").val();
                $("#commail").val(qq + "@qq.com");
                $.ajax({
                    type: "get",
                    url: "https://v1.ikxin.com/api/qqname.php?a=getqqnickname&qq=" + qq,
                    dataType: "jsonp",
                    jsonp: "callback",
                    jsonpCallback: "portraitCallBack",
                    success: function(data) {
                        $("#comname").val(data[qq][6]);
                    },
                    error: function() {
                        $("#comname").val("获取失败");
                    }
                });
                $.ajax({
                    type: "get",
                    url: "https://v1.ikxin.com/api/qqname.php?a=getqqavatar&qq=" + qq,
                    dataType: "jsonp",
                    jsonp: "callback",
                    jsonpCallback: "qqavatarCallBack",
                    success: function(data) {
                        $("#avatar").html("<img src='" + data[qq] + "'>");
                    },
                    error: function() {
                        alert("获取失败");
                    }
                });
            })
        </script>
    </body>
</html>
```

## PHP 代码

 PHP

```
<?php
header("content-Type: text/html; charset=UTF-8");
$a = @$_GET['a'] ? $_GET['a'] : '';
if(empty($a)){
    header("Location: ../");
    exit;
}
// 获取 QQ 昵称
if($a == "getqqnickname"){
    $qq = isset($_GET['qq']) ? addslashes(trim($_GET['qq'])) : '';
    if(!empty($qq) && is_numeric($qq) && strlen($qq) > 4 && strlen($qq) < 13){
        $qqnickname = file_get_contents('http://users.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?uins='.$qq);
        if($qqnickname){
            $qqnickname = mb_convert_encoding($qqnickname, "UTF-8", "GBK");
            echo $qqnickname;
        }
    }
}
// 获取 QQ 头像
if($a == "getqqavatar"){
    $qq = isset($_GET['qq']) ? addslashes(trim($_GET['qq'])) : '';
    if(!empty($qq) && is_numeric($qq) && strlen($qq) > 4 && strlen($qq) < 13){
        $qqavatar_1 = file_get_contents('http://ptlogin2.qq.com/getface?appid=52958812&imgtype=4&uin='.$qq);
        $qqavatar = str_replace('http', 'https', $qqavatar_1);
        if($qqavatar){
            echo str_replace('pt.setHeader', 'qqavatarCallBack', $qqavatar);
        }
    }
}
```

## 注意

获取到的 QQ 头像是 HTTP 模式。

## **评论**

(0)

暂无评论，来说两句吧

## **发布评论**

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/#website","@type":"WebSite","description":"一纸忘忧的个人网站，关于技术探索与日常生活，记录 Web 开发、服务端与 DevOps 实践，分享软件工具、数码体验，以及代码之外的见闻与思考。","inLanguage":"zh-CN","name":"一纸忘忧","url":"https://www.ikxin.com/","workTranslation":[{"@id":"https://www.ikxin.com/zh-tw#website"},{"@id":"https://www.ikxin.com/ko#website"},{"@id":"https://www.ikxin.com/en#website"},{"@id":"https://www.ikxin.com/ja#website"}]},{"@id":"https://www.ikxin.com/article/jquery-qq-profile#webpage","@type":"WebPage","description":"昨天群里有人问到 Dux 主题的评论处输入 QQ 号直接获取名称和头像是怎么实现的，我看了一下 Dux 主题，发现并没有集成这个功能，倒是 Emlog 的 Dux 主题内置了这个功能，本来想移植过来 WordPress 的，但是发现 Emlog 和 WP 的评论模块不一样，几乎要重写整个样式和 JS 才能实现，我果断的","name":"jQuery 在线获取 QQ 名称和 QQ 头像链接","url":"https://www.ikxin.com/article/jquery-qq-profile","isPartOf":{"@id":"https://www.ikxin.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/article/jquery-qq-profile"]}]}]}
```

## Sitemap

See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.