我有一些显示书籍信息的页面,它们使用外部封面服务器来获取封面,将适当的 url 放在 的
元素。 src
属性中>img
封面服务器没有所有的封面,所以它经常返回给我一个默认的空白封面。
我需要一种方法来了解 javascript 端和页面加载后,如果封面服务器返回的封面是默认的空白图像,以便用自定义 html 代码替换默认的空白图像。所以我试图计算封面图片的唯一标识符。
我想使用 canvas 的 drawImage
方法然后获取 canvas.toDataUrl
的散列来执行此操作,但后者返回给我一个安全异常,因为图像来自来自外部服务器。
您有更好的(可行的)想法来实现我的目标吗?
最佳答案
无法在客户端完成。如果来自一个域的脚本可以查看来自另一个域的图像的内容,这将是一个安全漏洞(跨站点脚本)。
您必须使用第三方服务器上的单独服务或通过在服务器端获取图像并将其与填充图像进行比较来查找信息。 (建议使用 HEAD 请求先检查长度,看看是否与填充图像的已知长度相匹配,以提高速度。)
关于javascript - 获取已由浏览器加载的图像的 Javascript 中的唯一标识符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7491366/