Question

我需要将图像的来源与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

Answer 1

我假设你进行比较时，你得到了图像的绝对路径（file：// C：/User/.../rDot.png）。要与文件名及其类型进行比较，您可以使用拆分功能。

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

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

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

1 个答案: