将图像的来源与 png 文件进行比较

Compare the source of an image with png file

本文关键字：文件 比较 png 图像      更新时间：2023-09-26

我需要将图像的来源与 png 文件进行比较。

这条线有效（但我不喜欢它，安全问题？

if(event.target.src === 'file:///C:/Users/JLuc01/Desktop/.../rDot.png'){xDot = true;}

但是，这个不起作用：

if(event.target.src == 'rDot.png'){xDot = true;}

您有任何解决此问题的想法（其他属性而不是 src 或其他策略）吗？映像是动态创建的。

以下是整个代码上下文：

// SPOT - Mouseover event for each image
var xDot = false;
document.querySelector('#btn').addEventListener('mouseover', function(event){
    clearInterval(t);
    if (event.target.tagName.toLowerCase() === 'img'){
       if(event.target.src == 'rDot.png'){xDot = true;}
       event.target.src = 'bDot.png';
       console.log(xDot);
    }
});

感谢您的帮助，

JLuc01

我认为当您进行比较时，您将获得图像的绝对路径（file://C:/User/.../rDot.png）。要与文件名及其类型进行比较，您可以使用拆分功能。

var src = event.target.src;
var split = src.split('/');
var file = split[split.length - 1];

然后，您可以使用 if (file === 'rDot.png') 添加支票。

相关文章：