最近看了篇文章,很有兴趣: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 browsersxmlHttp = new XMLHttpRequest();} else if (window.ActiveXObject) {// code for IE5 and IE6xmlHttp = 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) {//只能传eventvar 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>

bilibili封面相关推荐

  1. colorpix取色小工具_我发现一款神器!它集合了 60 多个超实用的工具

    「一个木函」是一款功能非常丰富的工具合集 App,整个应用只有 3.8M,但是内置各种功能,十分强大,有很多平时常用或者不常用的工具集成在里面,让你所有的小需求,都只需要这一款 App 就能搞定. 里 ...

  2. PHP智云全能API接口源码V1.3

    介绍: PHP智云全能API接口源码V1.3版本,接口数据由智云平台开发及整理,目前包含33个接口,不保证有些接口会过期失效,自行测试. 1.[一言/随机语录] 2.[必应每日一图] 3.[域名是否已 ...

  3. 最新智云全能API接口查询PHP源码V1.1

    介绍: 1.[一言/随机语录]2.[必应每日一图]3.[域名是否已注册查询接口]4.[m3u8视频在线解析]5.[随机生成二次元图片]6.[快递查询-支持国内百家快递]7.[二维码图片生成]8.[抖音 ...

  4. 2022年1月份报告合集(共222份)

    合集名称:2022年1月份报告合集 数量:222份 下载链接:2022年1月份报告合集(共222份).zip-行业报告文档类资源-CSDN下载 包含内容: 2021 游戏行业研究报告-21页.pdf ...

  5. 推荐一个API接口git地址

    文章目录[隐藏] 简介 接口详情 项目 git 地址 简介 主要是博主用来学习用的,同时帮助新手学习编写自己的 API,仅用作学习交流. 接口详情 最近更新是在 2020/6/1,更新抖音短视频去水印 ...

  6. 史上最强网页工具集合-MikuTools

    史上最强网页工具集合 媒体类 其他工具 图片相关 文字处理 编程开发 网站设置 今天给大家推荐一个网页版工具集合 MikuTools,从视频下载到图片处理再到编程开发,简直就是无所不能. 该工具里面大 ...

  7. 专注! 6款提升工作效率APP推荐

    没有被2018善待的我们,如何让2019年对自己好一点呢?不妨试一试这几款app.可以有效提升工作效率和使用幸福感哦. Forest 专注森林 这是一款帮助集中精力的app.这一款app的设计理念是: ...

  8. D2 日报 2019年4月11日

    ? 新闻 ➡️ C++力压Python进入最受欢迎编程语言前三 www.infoq.cn ➡️ Opera introduces Reborn 3, the first desktop browser ...

  9. python 获取json中最大值_详细解析 Python 爬取 bilibili 的视频、弹幕以及封面

    本文使用 Zhihu On VSCode 创作并发布 环境 用到的 Python 库: Python 3.7 requests moviepy json re os 浏览器:Firefox/ 83.0 ...

最新文章

  1. 0x80070002错误一例
  2. 在Java中定义常量
  3. BLE Mesh(2)—— 基本术语及含义
  4. 三维网格精简算法java版_ISMAR 2020 | 商汤提出手机端实时单目三维重建系统
  5. 自动驾驶芯片_盘点全球自动驾驶芯片“战场”参与者
  6. 一周学好python_耗时一周整理的Python资料,包含各阶段所需网站、项目,收藏了?慢慢来...
  7. K8S+Helm 安装 Jupyterhub
  8. 猫眼java开发工资_Java硕士京东工作1年,跳槽后他期望薪资26K,大家感觉他可以吗...
  9. 3802.消灭数组-AcWing题库
  10. 耳机插在电脑上没声音linux,解决linux上耳机没有声音
  11. 读书笔记——《解析卷积神经网络 ——深度学习实践手册(魏秀参)》
  12. 无线充电Qi通信协议分析
  13. JavaScript --------WebS APIs学习之网页特效(动画函数封装)
  14. Navicat连接Mysql方法教程
  15. 洋洋背古诗——寒假版
  16. 笔记本当服务器显示器怎么连接,笔记本连接显示器,详细教您笔记本怎么连接显示器...
  17. java 外部输入数据 语句_在编写Java应用程序时,如需从键盘输入各种类型的多个数据,则必须在程序的开头写上( )语句。...
  18. (十八)自动装配-@Autowired-构造器,参数,方法,属性
  19. 2022全国大学生物联网设计竞赛火热开启,限量礼品等你来拿
  20. 设计模式篇:单例模式

热门文章

  1. 快应用联盟展示入口合集(11月更新)
  2. java 公式计算_java 实现的公式计算
  3. python抓取A股市场历史数据(个股、指数)
  4. 解决雷电模拟器在windows 10下无法桥接网卡的问题
  5. python入门day16——函数的递归调用、二分法、三元表达式、匿名函数
  6. 国际标准书号 (International Standard Book Number, ISBN)是专门为识别图书等文献而设计的国际编号
  7. 台湾SSS鑫创SSS1700替代Cmedia CM6533 24bit 96KHZ USB音频编解码芯片
  8. weixin-java-pay实现公众号微信支付与退款
  9. QT qcustomplot 实战经验分享之二:动态时间轴
  10. Java实现10万+并发去重,持续优化!(至尊典藏版)