圖像追加與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

回答

相關問題