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

我正在尝试在Asp.net web应用程序中显示图像。我正在使用JavaScript来实现这一点

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

这是我用来将图像添加到网页的代码，它尝试按原样添加图像，并在页面上显示一个损坏的图像图标。但是，当我右键单击并查看图像时，会出现此错误

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

有没有办法解决这个问题？

---

我知道这与图像位置url有关，但不确定该放什么。

从

img.src

中删除tilde

~

。我已经关注这个问题很久了，谢谢你的解决方案：）