gpt4 book ai didi

javascript - 如何在javascript中比较两个不同的图像

转载 作者:行者123 更新时间:2023-11-28 12:26:41 25 4
gpt4 key购买 nike

我有两个不同的 URL,我想检查 Java 脚本中具有这些 URL 的图像是否相同或不同。我正在检查精确图像。例如这两个是 URL

图像路径

url1="https://usercontent.googleapis.com/freebase/v1/image/m/030z4z"
url2="https://usercontent.googleapis.com/freebase/v1/image/m/09jjsg"

最佳答案

您可以将图像转换为 Base64 字符串,然后比较字符串。

尝试这样的事情:

/**
* Convert an image
* to a base64 string
* @param {String} url
* @param {Function} callback
* @param {String} [outputFormat=image/png]
*/
function convertImgToBase64(url, callback, outputFormat){
var canvas = document.createElement('CANVAS'),
ctx = canvas.getContext('2d'),
img = new Image;
img.crossOrigin = 'Anonymous';
img.onload = function(){
var dataURL;
canvas.height = img.height;
canvas.width = img.width;
ctx.drawImage(img, 0, 0);
dataURL = canvas.toDataURL(outputFormat);
callback.call(this, dataURL);
canvas = null;
};
img.src = url;
}

var img1 = "http://image_url_1",
img2 = "http://image_url_2"

convertImgToBase64(img1, function(base64Img1){
convertImgToBase64(img2, function(base64Img2){
alert(base64Img1 == base64Img2);
});
});

关于javascript - 如何在javascript中比较两个不同的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27741720/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com