2016-07-10 2 views
0

Für einige Buchcover gibt OpenLibrary.org ein leeres Bild zurück, also kein 404. Beispiel: http://covers.openlibrary.org/b/oclc/237889032-M.jpg Wie könnte ich diese Bilder erkennen und ersetzen? Würde es vorziehen, dies im Client-Code zu tun, aber bereit, es bei Bedarf Server-Seite zu tun.OpenLibrary.org gibt ein leeres Bild zurück, wie erkennt und ersetzt man sie?

Verwendung: Meteor/Reagieren

+0

Es scheint, als ob das Bild 1x1 ist, könnten Sie die Größe davon erkennen? –

+0

Ich bin mir nicht ganz sicher. Ich habe noch nicht viele Ideen getestet. Ich hatte gehofft, dass jemand eine schnelle, einfache Lösung kannte. Ich war noch nicht in der Lage, eins zu googeln. Theoretisch könnte ich das Bild auf dem Server herunterladen und einige Bildverarbeitungsfunktionen ausführen, um die Größe zu ermitteln. –

Antwort

0

Das funktioniert aber nicht das, was ich suchte. Dem div, das das Bildelement enthält, habe ich Folgendes hinzugefügt. Das Styling sollte natürlich in eine CSS-Datei verschoben werden, aber zur Vereinfachung habe ich es für die Antwort inline gelassen.

<p className="text-center" 
    style={{ 
       zIndex: "-1", 
       position: "absolute", 
       width: "40%", 
       top: "10%", 
       left: "30%", 
      }}> 
    No<br/>Cover<br/>Image<br/>Found 
    </p> 

Ich glaube nicht, das ist eine gute Lösung, da es viel mehr manuelle Tests nehmen, um sicherzustellen, gibt es keine Fälle, in denen der Text sichtbar ist, wenn es nicht sein soll. Es ist jedoch eine schnelle und schmutzige Lösung für etwas, was ein komplexes Problem zu sein scheint.

Verwandte Themen