在Javascript

Question

我创建了三种不同尺寸的相同图像。并为他们命名为image0_thumbnail.webp，image0_medium.webp和image0_original.webp。

用户将上传这些图片。我不希望用户选择同名的不同图像（可能来自不同的目录）。

如果他们这样做，那么它将比较这些不同尺寸的相同图像并检查它们是否都是相同的图像并分别显示错误。

我遇到了这个Compare two Images in JavaScript，但它适用于相同大小的图像。我正在寻找Javascript的解决方案。请帮忙

感谢。

Answer 1

调整大小相同然后检查;） 例如，我使用Resemble.js来比较图像，这个lib可以比较文件，图像和imageData。 祝你好运，这个lib有一个属性 scaleToSameSize 。

resemble(image1).compareTo(image2).scaleToSameSize().onComplete(function(data){
        console.log(data.misMatchPercentage)
});

1. 在js中读取文件的时间不到1秒。
2. 将文件转换为图像并加载到内存需要一些时间，是另外几秒钟。
3. 不要花费任何大的时间来调整大小（因为所有数据都已在内存中读取）。
4. 比较图像不占用任何大的时间（因为所有数据都已在内存中读取）。