使用Javascript在Asp.net Web应用程序中显示图像

Question

我正在尝试在我的Asp.net Web应用程序中显示图像。我使用JavaScript来做到这一点。

var img = document.createElement("img");
img.src = "~/Images/Key.PNG";
$('#sidebar').append(img);

这是我用于将图像添加到网页的代码，它尝试添加图像，因为它在页面上显示了损坏的图像图标。但是当我右键点击＆＃39;并查看图像。

这是我的Asp.net Web应用程序的文件结构：

任何想法如何解决这个问题？ 我知道它与图像位置网址有关，但不知道要放什么。