---
title: "jQuery で QQ 名称と QQ アバターのリンクをオンライン取得 - 憂いを忘れる一枚"
description: "昨日、グループ内で Dux テーマのコメント欄に QQ 番号を入力すると名前とアバターを直接取得できる機能がどのように実装されているのか尋ねられました。Dux テーマを確認してみたところ、この機能は統合されていませんでした。一方、Emlog の Dux テーマにはこの機能が組み込まれていました。もともとは WordPr"
canonical_url: "https://www.ikxin.com/ja/article/jquery-qq-profile"
last_updated: "2026-09-16T09:59:27.259Z"
locale: ja
meta:
  "og:description": "昨日、グループ内で Dux テーマのコメント欄に QQ 番号を入力すると名前とアバターを直接取得できる機能がどのように実装されているのか尋ねられました。Dux テーマを確認してみたところ、この機能は統合されていませんでした。一方、Emlog の Dux テーマにはこの機能が組み込まれていました。もともとは WordPr"
  "og:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~alF1ZXJ5IOOBpyBRUSDlkI3np7DjgaggUVEg44Ki44OQ44K~44O844Gu44Oq44Oz44Kv44KS44Kq44Oz44Op44Kk44Oz5Y-W5b6XIC0g5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2Cc_Article%2Ctitle_~alF1ZXJ5IOOBpyBRUSDlkI3np7DjgaggUVEg44Ki44OQ44K~44O844Gu44Oq44Oz44Kv44KS44Kq44Oz44Op44Kk44Oz5Y-W5b6X%2Cdescription_~5pio5pel44CB44Kw44Or44O844OX5YaF44GnIER1eCDjg4bjg7zjg57jga7jgrPjg6Hjg7Pjg4jmrITjgasgUVEg55Wq5Y-344KS5YWl5Yqb44GZ44KL44Go5ZCN5YmN44Go44Ki44OQ44K~44O844KS55u05o6l5Y-W5b6X44Gn44GN44KL5qmf6IO944GM44Gp44Gu44KI44GG44Gr5a6f6KOF44GV44KM44Gm44GE44KL44Gu44GL5bCL44Gt44KJ44KM44G-44GX44Gf44CCRHV4IOODhuODvOODnuOCkueiuuiqjeOBl-OBpuOBv-OBn-OBqOOBk-OCjeOAgeOBk-OBruapn-iDveOBr-e1seWQiOOBleOCjOOBpuOBhOOBvuOBm-OCk-OBp-OBl-OBn-OAguS4gOaWueOAgUVtbG9nIOOBriBEdXgg44OG44O844Oe44Gr44Gv44GT44Gu5qmf6IO944GM57WE44G~6L6844G-44KM44Gm44GE44G-44GX44Gf44CC44KC44Go44KC44Go44GvIFdvcmRQcg%2CsiteName_~5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2CsiteHost_www.ikxin.com%2Cp_Ii9qYS9hcnRpY2xlL2pxdWVyeS1xcS1wcm9maWxlIg%2Cs_p6Oow2RMHmr3UMNT.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_~alF1ZXJ5IOOBpyBRUSDlkI3np7DjgaggUVEg44Ki44OQ44K~44O844Gu44Oq44Oz44Kv44KS44Kq44Oz44Op44Kk44Oz5Y-W5b6XIC0g5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2Cc_Article%2Ctitle_~alF1ZXJ5IOOBpyBRUSDlkI3np7DjgaggUVEg44Ki44OQ44K~44O844Gu44Oq44Oz44Kv44KS44Kq44Oz44Op44Kk44Oz5Y-W5b6X%2Cdescription_~5pio5pel44CB44Kw44Or44O844OX5YaF44GnIER1eCDjg4bjg7zjg57jga7jgrPjg6Hjg7Pjg4jmrITjgasgUVEg55Wq5Y-344KS5YWl5Yqb44GZ44KL44Go5ZCN5YmN44Go44Ki44OQ44K~44O844KS55u05o6l5Y-W5b6X44Gn44GN44KL5qmf6IO944GM44Gp44Gu44KI44GG44Gr5a6f6KOF44GV44KM44Gm44GE44KL44Gu44GL5bCL44Gt44KJ44KM44G-44GX44Gf44CCRHV4IOODhuODvOODnuOCkueiuuiqjeOBl-OBpuOBv-OBn-OBqOOBk-OCjeOAgeOBk-OBruapn-iDveOBr-e1seWQiOOBleOCjOOBpuOBhOOBvuOBm-OCk-OBp-OBl-OBn-OAguS4gOaWueOAgUVtbG9nIOOBriBEdXgg44OG44O844Oe44Gr44Gv44GT44Gu5qmf6IO944GM57WE44G~6L6844G-44KM44Gm44GE44G-44GX44Gf44CC44KC44Go44KC44Go44GvIFdvcmRQcg%2CsiteName_~5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2CsiteHost_www.ikxin.com%2Cp_Ii9qYS9hcnRpY2xlL2pxdWVyeS1xcS1wcm9maWxlIg%2Cs_p6Oow2RMHmr3UMNT.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,256  1

昨日、グループ内で 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 形式です。

## **コメント**

(1)

1. [**天天绿软Ttzip**](https://www.ttzip.com/)2026/10/29 18:41 Chrome 132 Windows 10

   感谢分享经验，谢谢站长！！已收藏

## **コメントを投稿**

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/ja#website","@type":"WebSite","description":"「憂いを忘れる一枚」は、技術探究と日々の暮らしをテーマにした個人サイトです。Web 開発、バックエンド、DevOps の実践を記録し、ソフトウェアツールやデジタル体験、コードの外で得た見聞と思索を共有します。","inLanguage":"ja-JP","name":"憂いを忘れる一枚","url":"https://www.ikxin.com/ja","translationOfWork":{"@id":"https://www.ikxin.com/#website"}},{"@id":"https://www.ikxin.com/ja/article/jquery-qq-profile#webpage","@type":"WebPage","description":"昨日、グループ内で Dux テーマのコメント欄に QQ 番号を入力すると名前とアバターを直接取得できる機能がどのように実装されているのか尋ねられました。Dux テーマを確認してみたところ、この機能は統合されていませんでした。一方、Emlog の Dux テーマにはこの機能が組み込まれていました。もともとは WordPr","name":"jQuery で QQ 名称と QQ アバターのリンクをオンライン取得","url":"https://www.ikxin.com/ja/article/jquery-qq-profile","isPartOf":{"@id":"https://www.ikxin.com/ja#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/ja/article/jquery-qq-profile"]}]}]}
```

## Sitemap

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