Possibilité de comparer deux images en version javascript?

Existe-t-il un moyen de comparer deux fichiers d'image qui ont des noms de fichiers différents? Je cherche donc à voir si elles sont égales avec javascript. Est-ce possible?

L'utilisation pour cela: j'ai une galerie d'images qui doit apparaître dans la lightbox. Lorsque la boîte à lumière s'ouvre, je m'engage dans le rappel pour vérifier les images en double et, lorsqu'elles sont trouvées, supprimez-les de la galerie lightbox afin que les utilisateurs ne voient pas d'images répétées.

Je suppose que vous pourriez. Psuedocode:

Vérifiez si les images ont la même largeur et la même hauteur. Sinon, ils ne peuvent pas être les mêmes.

Créez une toile qui correspond aux deux images côte à côte.

Dessinez les images sur le canevas.

Comparez-les pixel-pour-pixel. Cela peut être fait assez facilement en utilisant un code emprunté à getPixel à partir de HTML Canvas?

N'oubliez pas de sortir des boucles dès qu'un seul pixel ne correspond pas.

Votre pire cas d'exécution sera O (wh), qui se produit lorsque les images sont réellement égales.

Vérifiez les tailles d'images si leur taille est égale ou non.

Et n'oubliez pas de vérifier les largeurs et les hauteurs également.

Pour trouver la taille du fichier image

Tyler est correct, vous ne pouvez pas accéder au système de fichiers sans le consentement des utilisateurs.

Mais si vous souhaitez comparer les images disponibles au code javascript, par exemple en utilisant une URL ou en utilisant un champ de téléchargement, vous devez vérifier cette question SO: Comparez deux images en JavaScript

Fondamentalement, vous convertissez l'image en un élément de canvas et utilisez la valeur base64 pour comparer les deux, de même que les personnes confirment si un document est "valide" en vérifiant la somme de contrôle de ce document.