引用豆瓣图片,手机上不能显示
问题描述
在做一个个人页面时,引用了豆瓣读书里面书籍封面图片。但是出现一个现象:在web端可以显示的图片,在手机上却不能正确的加载出来。
原因
豆瓣API请求是有限制的,约为每分钟40次,超过了这个次数就要被限制,限制为每分钟10次。所以,如果网页上引用了大量的豆瓣图片,那么,一次可能会加载出一些,但是加载不出来全部。特别是刷新之后,确定为同一源头发起的请求之后,大量的图片将请求不到。
解决方法
使用图片缓存方法,使用https://images.weserv.nl/?url=
再加上原来豆瓣图片地址去掉https://
的链接,即可访问。
具体:
// 原来
https://img3.doubanio.com/view/subject/l/public/s2955123.jpg
// 修改后
https://images.weserv.nl/?url=img3.doubanio.com/view/subject/l/public/s2955123.jpg