0
對於一些書籍封面OpenLibrary.org返回一個空白圖像,即不是404。示例:http://covers.openlibrary.org/b/oclc/237889032-M.jpg如何,我可以去檢測和替換這些圖像?寧願在客戶端代碼中執行此操作,但願意在需要時執行此操作。OpenLibrary.org返回空白圖片,如何檢測並替換它們?
使用:流星/反應
對於一些書籍封面OpenLibrary.org返回一個空白圖像,即不是404。示例:http://covers.openlibrary.org/b/oclc/237889032-M.jpg如何,我可以去檢測和替換這些圖像?寧願在客戶端代碼中執行此操作,但願意在需要時執行此操作。OpenLibrary.org返回空白圖片,如何檢測並替換它們?
使用:流星/反應
這工作,但不是我在找的東西。我將以下內容添加到包含圖像元素的div。該樣式當然應該被移入一個css文件,但爲了簡單起見,我把它留在了內聯中作爲答案。
<p className="text-center"
style={{
zIndex: "-1",
position: "absolute",
width: "40%",
top: "10%",
left: "30%",
}}>
No<br/>Cover<br/>Image<br/>Found
</p>
我不認爲這是一個很好的解決方案,因爲它會佔用大量的更多的手動測試,以確保不會有情況的文字是可見的,當它不應該被。然而,這似乎是一個複雜的問題,這是一個快速和骯髒的解決方案。
看起來圖像是1x1,你能檢測它的大小嗎? –
我不完全確定。我還沒有測試過很多想法。我希望有人知道一個快速簡單的解決方案。我還沒有能夠谷歌了。理論上,我可以在服務器上下載圖像並對其執行一些圖像處理來檢測尺寸。 –