首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >可以在Javascript中比较两个图像吗?

可以在Javascript中比较两个图像吗?
EN

Stack Overflow用户
提问于 2012-06-23 00:04:05
回答 3查看 5.1K关注 0票数 5

有没有办法比较两个文件名不同的图像文件?所以我想看看它们是否和javascript一样。这个是可能的吗?

用途:我有一个图片库,需要在lightbox中弹出。当lightbox打开时,我连接到回调中检查重复的图像,当找到时,将它们从lightbox库中删除,这样用户就不会看到重复的图像。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-06-23 00:08:30

我想你可以。Psuedocode:

  • 检查图像是否具有相同的宽度和高度。如果不是,它们不可能是相同的。
  • 创建将并排适合两个图像的画布。
  • 在画布上绘制图像。
  • 逐个像素地比较它们。使用从getPixel from HTML Canvas?
  • 借用的代码可以相当容易地做到这一点,记住,当单个像素不匹配时,立即中断循环。
  • 最坏情况下的运行时间将是O(wh),这发生在图像实际上相等的时候。
票数 5
EN

Stack Overflow用户

发布于 2012-06-23 00:10:28

检查图像大小是否相等。

别忘了检查宽度和高度。

To find image file size

票数 0
EN

Stack Overflow用户

发布于 2012-06-23 00:11:24

Tyler是对的,没有用户的同意你不能访问文件系统。

但是,如果您想要比较javascript代码可用的图像,例如,通过使用url或上载字段,您应该查看这个SO问题:Compare two Images in JavaScript

基本上,将图像转换为canvas元素并使用base64值来比较两者,这与人们通过检查文档的校验和来确认文档是否“有效”的方式相同。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11159947

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档