jQuery 在線取得 QQ 名稱和頭像連結

2017.07.26 5,133 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 模式。