javascript - err_file_not_found..尝试访问具有完整路径的 img 文件时发生

Question

我已经多次检查和三次检查拼写错误，我确信文件路径是正确的。

基本上我想做的是切换我电脑上位于同一文件夹中的一堆图像。我已经复制了每个 img 文件的完整文件路径，并将它们设置为数组中的单独字符串值。

通过简单的 html，我将 img 元素的 src 属性设置为 img 的完整文件路径。 Onload，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-->

Answer 1

您正在通过 id imgElement 获取图像元素但在您的 HTML 中，没有这样的 id 与 img 关联标签。将 HTML 编辑为 <img id='imgElement' src="C:\Users\pcName\picFolder\pic1.jpg" />