在<img rel="nofollow noreferrer" ..>附加jquery后未加载图像

Question

我的网站包含以下代码:

<ul class="thumbnails1">
  <li>
   <img src="~/Images/man1.jpg" alt="n/a"/>
   </li>
</ul>
<input type="button" value="See More" onclick="OnSeeMore()"/>
<script type="text/javascript">
function OnSeeMore() {
  $('.thumbnails1').prepend('<li><img src="~/Images/man1.jpg" alt="n/a"/></li>');
}
</script>

原始图像显示效果很好,但是当我单击"查看更多"按钮时,我可以看到列表项是动态添加的,但图像显示"alt"文本n/a而不是"man1.jpg"图像.那么我做错了什么？我基本上尝试复制谷歌的图像搜索行为,只显示数据库中的一些图像,然后根据请求显示更多.

Answer 1

~/Images/man1.jpg是服务器端的相对路径.如果要在客户端添加节点,则需要/Images/man1.jpg假设Images文件夹位于站点的根文件夹中.

Answer 2

相对路径:

<img src="~/Images/man1.jpg"

应该在服务器上"解析",如果按原样在客户端上添加,则路径无效.