仅已知图书ISBN时如何获取可直接用于HTML的封面直链URL

方案1：Google Books 固定规则直链（优先推荐，匹配率符合需求） #

不需要调用JSON接口做解析，Google Books本身提供了固定格式的封面访问直链，完全匹配「固定路径+ISBN值+固定参数」的格式要求，可直接作为img标签的src属性值使用，纯HTML即可实现，不需要任何JS、PHP等前后端脚本处理。

• 规则说明：固定服务前缀后拼接ISBN参数，再追加封面尺寸参数即可
• 可选尺寸参数共3种，按需选择即可：
  • small：小尺寸缩略图，适合列表场景
  • normal：常规尺寸封面，适合普通详情展示
  • large：大尺寸高清封面，适合需要展示高清图的场景
• 调用示例：将路径中的{ISBN占位符}替换为实际图书ISBN即可

<img src="固定服务前缀/books/content?isbn={替换为实际ISBN}&printsec=frontcover&img=1&zoom=1" alt="图书封面">

该方案的图书收录范围和Google Books检索接口完全一致，对新版德语图书有很好的覆盖，当对应ISBN无匹配封面时，会自动返回默认占位图，不会触发图片加载错误。

方案2：Open Library 固定规则直链（备用补充） #

作为备选方案，Open Library同样提供无需解析接口的固定格式封面直链，路径规则为固定前缀+ISBN+尺寸后缀，支持S/M/L三档尺寸选择，可直接写入img标签的src属性。针对部分Google Books未收录的小众图书，可以作为补充源使用，弥补单源覆盖率不足的问题。

方案3：纯HTML自动降级方案（无额外脚本依赖） #

如果需要兼顾两个源的覆盖率，又不想写额外的解析逻辑，可以直接使用HTML原生的图片加载错误事件做自动降级，不需要引入额外脚本文件：

<img 
  src="替换为对应ISBN的Google Books封面直链"
  onerror="this.onerror=null;this.src='替换为对应ISBN的Open Library备用直链'"
  alt="图书封面"
>

该写法为HTML原生支持的属性，页面加载时会优先请求匹配率更高的Google Books封面，如果加载失败会自动切换到备用源，全程不需要额外的逻辑代码。

内容的提问来源于stack exchange，提问作者Lasking