使用javascript检测图像内容更改

时间:2014-08-05 16:01:08

标签: javascript html

我在本地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>

当路径保持不变时,图像会被不断覆盖。 有没有办法在使用javascript(或任何其他方法)覆盖图像时检测HTML?

4 个答案:

答案 0 :(得分:0)

当然不是。如果Javascript可以执行此操作,它还可以扫描您的本地文档文件夹中的色情和信用卡号码。

答案 1 :(得分:0)

如果您的图像src没有改变,但是其中的像素正在改变,您可以使用画布getImageData来保存图像的参考副本,并在一个间隔内再次拉取数据并测试以查看是否像素是不同的。如果imageData.data数组中的任何int与参考副本不同,则图像已更改。

答案 2 :(得分:-1)

Ony,以防您可以控制图像路径。然后你可以添加一些像DisplayImgage.png?ver=22

这样的后缀

答案 3 :(得分:-1)

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