尝试访问包含完整路径的img文件时出现err_file_not_found..occurs

我已经反复检查了无数次拼写错误,我确信文件路径是正确的。

基本上,我想要做的就是在我电脑上的一堆图片之间切换,这些图片都位于同一个文件夹中。我复制了每个img文件的完整文件路径,并将它们设置为数组中的单独字符串值。

使用简单的html,我将img元素的src属性设置为img的完整文件路径。在加载时,img已加载,没有问题。

但是,利用javascript来测试一下情况,我编写了一个函数,通过单击按钮来调用该函数,将src属性的字符串值重置为数组中的另一个文件。无论我使用javascript将其设置为哪个文件路径,我都会遇到相同的err_file_not_found问题。

js:

var btn = document.getElementById('butn');
var img_element = document.getElementById('imgElement');

var picArray = [
    "C:\Users\pcName\picFolder\pic1.jpg",
    "C:\Users\pcName\picFolder\pic2.jpg",
    "C:\Users\pcName\picFolder\pic3.jpg"
];

btn.onclick = function() {

    img_element.src = picArray[2];

};
<button id="butn">click</button>
<img src="C:\Users\pcName\picFolder\pic1.jpg" />

<!--img src="C:\Users\pcName\picFolder\pic3.jpg" will load no problem
if written html-->

转载请注明出处:http://www.bizarre-animals.com/article/20230401/1057915.html