2016-07-10 56 views
0

對於一些書籍封面OpenLibrary.org返回一個空白圖像,即不是404。示例:http://covers.openlibrary.org/b/oclc/237889032-M.jpg如何,我可以去檢測和替換這些圖像?寧願在客戶端代碼中執行此操作,但願意在需要時執行此操作。OpenLibrary.org返回空白圖片,如何檢測並替換它們?

使用:流星/反應

+0

看起來圖像是1x1,你能檢測它的大小嗎? –

+0

我不完全確定。我還沒有測試過很多想法。我希望有人知道一個快速簡單的解決方案。我還沒有能夠谷歌了。理論上,我可以在服務器上下載圖像並對其執行一些圖像處理來檢測尺寸。 –

回答

0

這工作,但不是我在找的東西。我將以下內容添加到包含圖像元素的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> 

我不認爲這是一個很好的解決方案,因爲它會佔用大量的更多的手動測試,以確保不會有情況的文字是可見的,當它不應該被。然而,這似乎是一個複雜的問題,這是一個快速和骯髒的解決方案。