引用豆瓣圖片,手機上不能顯示
問題描述
在做一個個人頁面時,引用了豆瓣讀書里面書籍封面圖片。但是出現一個現象:在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