如何在Javascript中使用文件路径切换图像？

我正在尝试更改单击按钮时显示的图像

函数更改（）{
if（document.getElementById（“toggle”）.src==“/folder/original.jpg”）{
document.getElementById（“toggle”）.src=“/folder/new.jpg”；
}否则{
document.getElementById（“toggle”）.src=“/folder/original.jpg”；
}
}

点击

更新：您可以检查

src

值是否以路径结束

函数更改（）{
const img=document.getElementById（“切换”）；
if（img.src.replace（/\\\/g，“/”）.endsWith（“/folder/original.jpg”））{
img.src=“/folder/new.jpg”；
}否则{
img.src=“/folder/original.jpg”；
}
}

点击

如果实际的src是文件系统上的路径，那么在WIndows中它将如下所示：

file:///C:\文件夹\original.jpg

您可以使用以下方法检查它是否匹配：

const src='1file:///C:\\文件夹\\original.jpg'；
const isEqual=src.replace（/\\\/g，“/”）.endsWith（“/folder/original.jpg”）；
console.log（等质量）；//true

您可以使用一些正则表达式来获取文件名

函数更改（）{
var imgSrc=document.getElementById（“toggle”）.src；
var filename=imgSrc.replace（/^.[\\/]/，“”）；
如果（文件名==“original.jpg”）
{
document.getElementById（“toggle”）.src=“/folder/new.jpg”；
}
其他的
{
document.getElementById（“toggle”）.src=“/folder/original.jpg”；
}
log（文件名）；
}

点击

您正在检查图像的src属性，该属性将是图像的完整路径，要使用check the确切路径设置属性，您必须对照图像属性进行检查

function change() {
  if (document.getElementById("toggle").getAttribute('src') == "/folder/original.jpg")
  {
    document.getElementById("toggle").setAttribute('src', "/folder/new.jpg");
  }
  else
  {
    document.getElementById("toggle").setAttribute('src', "/folder/original.jpg");
  }
}

---

你说的

文件路径

是什么意思？您的意思是通过

文件：//

提供图像吗？@RobbieJW查看图像所在的文件夹。

console.log（document.getElementById（“toggle”）.src）

，并检查其是否正确value@TJ

http://127.0.0.1:5000/folder/original.jpg/

然后

未定义

“使用文件路径时，显示的图像为/folder/original.jpg”-显然文件路径是有效的