问更改src属性时图像不显示
EN

Stack Overflow用户

提问于 2020-03-01 23:21:54

回答 1查看 37关注 0票数 1

因此，我必须制作一个按钮来更改我拥有的图像(然后我必须能够通过单击相同的按钮来更改回上一张图像)。然而，当它改变时，图像不会显示。这是代码，如果它没有很好地放在脑海中，请记住这是我第一次使用这个网站。

//FUNCTIONS
    function changerPingouin(pingouin){        
    document.getElementById("pingouin").src='C:\Users\name\Desktop\images1/pingouin_rouge_grand.png';   
}
<body>
    <img src='C:\Users\name\Desktop\images1/pingouin_grand.png' id="pingouin">   
    <img src='C:\Users\name\Desktop\images1/pingouin_rouge_grand.png' id="pingouin_rouge">
<button onclick="changerPingouin();">
        Changer de Pingouin
</button>

第一张图片显示了它，我还有其他的函数可以使用它。但是，当我单击该按钮时，它不会显示另一个图像。由于这个原因，我还没有开始另一次单击按钮将图像改回第一个"pingouin_grand".Thanks的部分。

javascript

html

回答 1

Stack Overflow用户

发布于 2020-03-01 23:41:55

错误：

/C:/UsersnameDesktopimages1/pingouin_rouge_grand.png:1 GET file:///C:/UsersnameDesktopimages1/pingouin_rouge_grand.png net::ERR_FILE_NOT_FOUND Image (async) changerPingouin @ Module_8PLs.html:21 onclick @ Module_8PLs.html:89

从错误中找不到文件，因为读取的路径为C:/UsersnameDesktopimages1/pingouin_rouge_grand.png。目录之间没有反斜杠分隔。

反斜杠需要转义。在JavaScript中，反斜杠用于转义特殊字符，如换行符(\n)。如果要使用文字反斜杠，则必须使用双反斜杠。尝试将图像源更改为'C:\\Users\\name\\Desktop\\images1\\pingouin_rouge_grand.png'。对第一个图像执行相同的操作。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/60476619

复制

相似问题

问更改src属性时图像不显示
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更改src属性时图像不显示EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更改src属性时图像不显示
EN