用javascript检测图像内容的变化

Detect image content change with javascript

本文关键字：变化 图像 javascript 检测      更新时间：2023-09-26

我在本地PC上使用HTML文件进行图像查看。HTML非常简单:

<html>
<body scroll="no">
<img border="0" src="DisplayImage.png" width="400" height="400" style="position:fixed;     top:0px; left:0px">
</body>
</html>

在路径保持不变的情况下，图像被不断覆盖。是否有一种方法可以在HTML中检测图像何时使用javascript(或任何其他方法)被覆盖?

当然不是。如果Javascript可以做到这一点，它也可以扫描你的本地文档文件夹的色情和信用卡号码。

如果您的图像src没有改变，但其中的像素正在改变，您可以使用canvas getImageData来保存图像的参考副本，并隔一段时间再次提取数据并测试像素是否不同。如果imageData中有int。数据数组与参考副本不相同，则图像已更改

只有在你可以控制图像路径的情况下。然后你可以添加一些后缀，比如DisplayImgage.png?ver=22

您应该能够使用Mutation Events检测更改。具体来说，您可以使用DOMAttrModified事件来检测图像的src属性何时发生变化。

相关文章：