bilibili封面

最新推荐文章于 2023-11-22 18:38:07 发布

海天鹰

最新推荐文章于 2023-11-22 18:38:07 发布

阅读量446

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/sonichty/article/details/111569507

版权

JS 专栏收录该内容

58 篇文章 1 订阅

订阅专栏

最近看了篇文章，很有兴趣：https://mp.weixin.qq.com/s/YBFzTTNVOFXJaSpQ8t1suQ

花了点力气，改成网页版，更好用。

关闭禁止跨域：

google-chrome-stable --disable-web-security --user-data-dir="/tmp/chrome"

火狐未成功，安装CORS扩展依然403。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>bilibili封面</title>
<style>
img { max-width:100%; }
</style>
</head>
<body>
<div align="center">mid: <input type="text" id="mid" value="9153331"> <button id="send">确定</button><br>从B站UP主的主页获取mid：https://space.bilibili.com/9153331</div>
<button class="ID" value="9153331">小野妹子w</button>
<button class="ID" value="43636152">七朵SevenSense</button>
<button class="ID" value="3567612">海豹味的米粥Kayoo</button>
<button class="ID" value="450112114">陈小诺mari</button>
<button class="ID" value="116683">=咬人猫=</button>
<div id="content" align="center"></div>
<script>
var xmlHttp;

function loadXMLDoc(url) {
    xmlHttp = null;
    if (window.XMLHttpRequest) {// code for all new browsers
        xmlHttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) {// code for IE5 and IE6
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (xmlHttp != null) {
        xmlHttp.onreadystatechange = state_Change;
        xmlHttp.open("GET", url, false);
        xmlHttp.send(null);
    } else {
        alert("Your browser does not support XMLHTTP.");
    }
}

function state_Change() {
    if (xmlHttp.readyState == 4) {// 4 = "loaded"
        if (xmlHttp.status == 200) {// 200 = OK           
            document.getElementById("content").innerHTML = "";
            var JD = JSON.parse(xmlHttp.responseText);            
            var vlist = JD.data.list.vlist;
            for (i=0; i<vlist.length; i++) {
                var img = new Image();
                img.src = "http:" + vlist[i].pic;
                document.getElementById("content").appendChild(img);
            }
        } else {
            alert("Problem retrieving data: " + xmlHttp.status);
        }
    }
}

document.getElementById("send").onclick = function(){
    var mid = document.getElementById("mid").value;
    var url = "https://api.bilibili.com/x/space/arc/search?mid=" + mid + "&ps=30&pn=1&order=pubdate&jsonp=jsonp";
    console.log(url);
    loadXMLDoc(url);
}

var IDS = document.getElementsByClassName("ID");
for (i=0; i<IDS.length; i++) {
    IDS[i].onclick = function(event) {//只能传event
        var mid = event.target.value;
        var url = "https://api.bilibili.com/x/space/arc/search?mid=" + mid + "&ps=30&pn=1&order=pubdate&jsonp=jsonp";
        loadXMLDoc(url);
    };
}
</script>
</body>
</html>