OpenLibrary.org返回空白图片，如何检测并替换它们？

对于一些书籍封面OpenLibrary.org返回一个空白图像，即不是404。示例：http://covers.openlibrary.org/b/oclc/237889032-M.jpg如何，我可以去检测和替换这些图像？宁愿在客户端代码中执行此操作，但愿意在需要时执行此操作。OpenLibrary.org返回空白图片，如何检测并替换它们？

使用：流星/反应

来源

2016-07-10 Michael Hobbs

看起来图像是1x1，你能检测它的大小吗？ –

我不完全确定。我还没有测试过很多想法。我希望有人知道一个快速简单的解决方案。我还没有能够谷歌了。理论上，我可以在服务器上下载图像并对其执行一些图像处理来检测尺寸。 –

这工作，但不是我在找的东西。我将以下内容添加到包含图像元素的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>

我不认为这是一个很好的解决方案，因为它会占用大量的更多的手动测试，以确保不会有情况的文字是可见的，当它不应该被。然而，这似乎是一个复杂的问题，这是一个快速和肮脏的解决方案。

来源

2016-07-10 15:35:49

OpenLibrary.org返回空白图片，如何检测并替换它们？

回答

相关问题