JavaScript将图片加载到img时出错

Question

我正在尝试将视图中的项目中的图像动态加载到视图中的img元素，但是当我运行该应用程序时，它给了我一个not found（404）错误。

这是项目的结构： please click to view

这是我要加载文件的javascript：

document.getElementById("img1").setAttribute("src", "~/files/1.jpg");
document.getElementById("img1").setAttribute("src", "~/files/2.jpg");

我在做什么错？

Answer 1

~在html中未被识别为有效路径。

您需要提供有效路径（例如：./files/1.jpg）

Answer 2

按照@Errorname的回答，我尝试使用..而不是.来工作。

Answer 3

能否请您放置完整图片，并同时显示html页面的位置。假设您的html页面位于另一个文件夹中，但在“ wwwroot”下，则需要使用“ ../files/imagename”。因为“ ..”会让您扎根，然后遍历。