图像追加与jQuery

我的网站包含以下代码：图像追加与jQuery

<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”文字而不是“man1.jpg”图片。所以我做错了什么？我基本上试图复制谷歌的图片搜索行为，只显示数据库中的一些图像，然后根据请求显示更多。

来源

2012-11-13 user1595443

是否有网络请求，并尝试加载正确的图像？ –

是你预先添加图像还是附加图像。 – defau1t

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

来源

2012-11-13 19:47:04

谢谢！（全部）。我刚刚删除了〜（在.Net上的一个相对路径的确如此），并且我修改了src以指向我的服务器RESTful服务，该服务通过其名称返回图像数据。 – user1595443

的相对路径：在服务器上

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

应该是“解决”，如果添加在客户端上的，路径是无效的。

来源

2012-11-13 19:47:02 gdoron

为什么您的网址包含~？它不应该使用一些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-13 19:47:13

这是一个在.Net中的相对路径 – gdoron

@gdoron：为什么你会使用类似的东西而不是仅仅使用'Images/man1.jpg' –

这就是所谓的相对路径，一会儿我会给你一个链接。 – gdoron

图像追加与jQuery

回答

相关问题