### 夏沫 > 网址：https://cdn.seovx.com/ 1. 美图接口：https://cdn.seovx.com/?mom=302 2. 二次元接口：https://cdn.seovx.com/d/?mom=302 3. 古风接口：https://cdn.seovx.com/ha/?mom=302 ### 樱花 > 网址：https://www.dmoe.cc/ - 二次元接口：https://www.dmoe.cc/random.php ### 搏天 > 网址：https://api.btstu.cn/ - 随机接口：https://api.btstu.cn/sjbz/api.php | 名称 | 必填 | 类型 | 说明 | | ------------ | ------------ | ------------ | ------------ | | method | 否 | string | 输出壁纸端 [mobile\|pc\|zsy]，默认为pc | | lx | 否 | string | 选择输出分类 [meizi\|dongman\|fengjing\|suiji]，为空随机输出 | ### 小歪 > 网站：https://api.ixiaowai.cn/ 1. 二次元接口：https://api.ixiaowai.cn/api/api.php 2. mc酱接口：https://api.ixiaowai.cn/mcapi/mcapi.php 3. 壁纸接口：https://api.ixiaowai.cn/gqapi/gqapi.php ### 保罗 > 网址：https://api.paugram.com/help/wallpaper - 二次元接口：https://api.paugram.com/wallpaper/?source=sm | 名称 | 必填 | 类型 | 说明 | | ------------ | ------------ | ------------ | ------------ | | source | 否 | string | 图片源，如留空则默认采用 sm.ms 源 | sm：资源较少！sm.ms 图床，国外速度较快，部分浏览器会阻止访问 gt：Gitee Pages 服务托管，服务器位于国内，速度稳定 sina：资源较少！新浪微博相册，国内速度较快，已更换新地址 gh：存放在 GitHub 上的图片资源，基于 GitHub Pages 托管 jsd：存放在 GitHub 上的图片资源，基于 JSDelivr Fastly CDN 托管 ### 如诗 > 网址：https://api.likepoems.com/ | 类型 | 说明 | 接口 | | ------------ | ------------ | ------------ | |二次元PC壁纸 | 电脑端的二次元壁纸| https://api.likepoems.com/img/pchttps://api.likepoems.com/img/fast/pc.php| |二次元PE壁纸 |手机端的二次元壁纸 |https://api.likepoems.com/img/pehttps://api.likepoems.com/img/fast/pe.php| |mc酱壁纸 |mc酱壁纸 |https://api.likepoems.com/img/mchttps://api.likepoems.com/img/fast/mc.php| |Pixiv壁纸 |pixiv壁纸 |https://api.likepoems.com/img/pixivhttps://api.likepoems.com/img/fast/pixiv.php| |nature壁纸 |自然风景人物壁纸 |https://api.likepoems.com/img/naturehttps://api.likepoems.com/img/fast/nature.php| |必应壁纸 |必应壁纸 |https://api.likepoems.com/img/binghttps://api.likepoems.com/img/fast/bing.php| PS：fast的api调用新浪微博相册，比较稳定。 ### 樱道 > 网址：https://img.r10086.com/ 二次元动漫综合系列 东京食尸鬼系列 Fate系列 为美好世界献上祝福系列 某科学的超电磁炮系列 原神系列 我的世界系列 神奇宝贝系列 龙珠系列 罪恶王冠系列 鬼灭之刃系列 火影忍者系列 海贼王系列 进击的巨人系列 从零开始的异世界生活系列 刀剑神域系列 钢之炼金术师系列 妖精的尾巴系列 缘之空系列 东方project系列 猫娘系列 风景系列 物语系列 少女前线系列 明日方舟系列 重装战姬系列 P站系列 CG系列 守望先锋系列 王者荣耀系列 少女写真系列 橘里橘气系列 PS：此接口不稳定/加载慢，不建议使用 ### 墨天逸 > 网址：https://api.mtyqx.cn/ - 二次元接口：https://api.mtyqx.cn/api/random.php - 二次元接口：https://api.mtyqx.cn/tapi/random.php ### 缙哥哥 > 网址：https://api.dujin.org/pic/ - 二次元接口：https://api.dujin.org/pic/ - 宫崎骏动漫接口：https://api.dujin.org/pic/ghibli | 说明 | 接口 | | ------------ | ------------ | |耳をすませば（侧耳倾听）|https://api.dujin.org/pic/ghibli/ceqt| |風立ちぬ（起风了）|https://api.dujin.org/pic/ghibli/qfl| |借りぐらしのアリエッティ（借东西的小人阿莉埃蒂）|https://api.dujin.org/pic/ghibli/alad| |猫の恩返し（猫的报恩）|https://api.dujin.org/pic/ghibli/mdbe| |千と千尋の神隠し（千与千寻）|https://api.dujin.org/pic/ghibli/qyqx| |思い出のマーニー（记忆中的玛妮）|https://api.dujin.org/pic/ghibli/jyzdmn| |崖の上のポニョ（悬崖上的金鱼姬）|https://api.dujin.org/pic/ghibli/jyj| |かぐや姫の物語（辉夜姬物语）|https://api.dujin.org/pic/ghibli/hyjwy| |ゲド戦記（地海战记）|https://api.dujin.org/pic/ghibli/dhzj| |コクリコ坂から（虞美人盛开的山坡）|https://api.dujin.org/pic/ghibli/ymr| |ハウルの動く城（哈尔的移动城堡）|https://api.dujin.org/pic/ghibli/ydcb| |ホーホケキョ となりの山田くん（我的邻居山田君）|https://api.dujin.org/pic/ghibli/stj| |もののけ姫（幽灵公主）|https://api.dujin.org/pic/ghibli/ylgz| 13 组吉卜力工作室宫崎骏动漫主题细分的随机图接口，每组 50 张图随机展示。 ### EEE.DOG > 网址：https://www.eee.dog/tech/rand-pic-api.html - 二次元接口：https://api.yimian.xyz/img ### 东方 Project > 网址：https://img.paulzzh.com/ - 二次元接口：https://img.paulzzh.com/touhou/random ### 洛川唧上的萌部图片 > 网址：https://tu-api.df100.ltd/ - 二次元接口：https://service-5z0sdahv-1306777571.sh.apigw.tencentcs.com/release/ ### 是无缺吖随机图（偏竖版） > 网址：https://api.wuque.cc/random/images - 美女接口：https://api.wuque.cc/random/images ### Unsplash Image Unsplash is internet’s source of freely usable images. The Unsplash API is a modern JSON API that surfaces all of the info you’ll need to build any experience for your users. It’s so simple to use that we even run unsplash.com on it! > 网址：https://unsplash.com/developers - 随机接口：https://source.unsplash.com/random

现在很多人都是使用图床保存图片，但是因为图片地址不存在或者网络加载过慢后请求图片失败，会出现一个碎片图标，这就让用户非常不爽，这时就需要改变这个美观度。 借用 img 标签的 onerror 事件，img 标签支持 onerror 事件，在装载文档或图像的过程中如果发生了错误，就会触发 onerror 事件。可以使用一张提示错误的图片代替显示不了的图片。 ### 基础 ```html ``` 当图片不存在时，将触发 onerror，而 onerror 中又为 img 指定一个 error.png 图片。也就是说图片存在则显示 logo.png，图片不存在将显示 error.png。 但问题来了，如果 error.png 也不存在，则继续触发 onerror，导致循环，故会出现打开网页时提示 Stack overflow at line: 0错误。 特别说明：如果图片存在，但网络很不通畅，也可能触发 onerror。 ### 进阶 1. 控制它不循环，触发 onerror 后，onerror 事件设置为 null。 ```html ``` 2. 控制它不循环，触发 onerror 后函数调用。 ```html function nofind() { const img = event.srcElement; img.src = "images/error.png"; img.onerror = null; } ``` ### 高级 如果默认图片也加载失败，还是会出现一个碎片图标，或者调用图片API，失败还想调用其他图片API，这要怎么处理？ ```html /** * 图片出错处理，可以重加载指定的图片。超过重试次数仍不能正常显示的，显示缺省图片。 * @param imgObj :img节点对象 * @param imgSrc :出错时加载的图片地址 * @param maxErrorNum :最大出错次数，防止出现死循环 */ function showImgDelay(imgObj, imgSrc, maxErrorNum) { if (maxErrorNum > 0) { imgObj.onerror = function () { showImgDelay(imgObj, imgSrc, maxErrorNum - 1); }; setTimeout(function () { imgObj.src = imgSrc; }, 500); } else { imgObj.onerror = null; imgObj.src = "images/error.png"; } } ``` **error.png 不存在？** 将 error.png 转为 BASE64，图片的 BASE64 编码就是可以将一幅图片数据编码成一串字符串，使用该字符串代替图片地址，从而不需要使用图片的 URL 地址。 ```html ``` ### 扩展 1. 隐藏加载失败的图片 ```html ``` 2. 图片默认隐藏，加载成功后显示。 ```html /* 初始将图片隐藏 */ img { display: none; } ```

### 必应壁纸 - 官方接口：https://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1&mkt=zh-CN | 参数 | 必填 | 类型 | 说明 | | ------------ | ------------ | ------------ | ------------ | | format | 否 | string | 返回数据格式，不存在返回xml格式js (返回json格式，一般使用这个)xml（返回xml格式） | | idx | 否 | string | 请求图片截止天数0 今天-1 截止至明天（预准备的）1 截止至昨天，类推（目前最多获取到16天前的图片） | | n | 是 | string | 1-8 返回请求数量，目前最多一次获取8张 | | mkt | 否 | string | 地区zh-CN... | ### 自制接口 - PHP 示例代码 ```php ``` ### Bing每日壁纸档案库 Bing官方提供了壁纸获取接口。不过Bing官方提供的API接口只能获取当日及过去7天的历史壁纸，再往前就获取不到了。 | 接口 | 说明 | | ------------ | ------------ | |https://bing.img.run/uhd_302.php|输出Bing每日壁纸UHD超高清原图。| |https://bing.img.run/1920x1080_302.php|输出Bing每日壁纸1080P高清。| |https://bing.img.run/1366x768_302.php|输出Bing每日壁纸普清。| |https://bing.img.run/m_302.php|输出Bing每日壁纸手机版1080P高清。| |https://bing.img.run/rand_uhd.php|随机获取Bing历史壁纸UHD超高清原图。| |https://bing.img.run/rand.php|随机获取Bing历史壁纸1080P高清。| |https://bing.img.run/rand_1366x768.php|随机获取Bing历史壁纸普清。| |https://bing.img.run/rand_m.php|随机获取Bing历史壁纸手机版1080P高清。|