1

我的网站包含以下代码:

<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”图像。那我做错了什么?我基本上试图复制谷歌的图像搜索行为,只显示数据库中的一些图像,然后根据要求显示更多。

4

3 回答 3

7

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

于 2012-11-13T19:47:04.713 回答
5

相对路径:

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

应该在服务端“解析”,如果在客户端按原样添加,路径无效。

于 2012-11-13T19:47:02.257 回答
0

为什么您的 URL 包含~? 它不应该使用一些 linux 特定的路径,因为那不是 URL。它应该是从网络服务器而不是文件系统访问它的路径。

<!-- Relative -->
<img src="./Images/man1.jpg" alt="n/a"/>

<!-- Absolute -->
<img src="/Path/to/my/directory/Images/man1.jpg" alt="n/a"/>
于 2012-11-13T19:47:13.790 回答