2011-05-20 30 views
1

我正在學習如何使用jQuery製作圖片庫。圖像文件路徑是這個最後的網站。本地託管站點的文件路徑

<img src="images/gallery/refraction_thumbnail.jpg"/></a> 

,但是當我在本地加載它在我的鉻browswer測試,圖像不顯示,因爲圖像是在這個文件路徑

file:///Users/name/Desktop/myGallery/images/gallery/refraction_thumbnail.jpg 

有沒有一種方便的途徑要在我的本地瀏覽器上加載的圖像,而無需手動更改所有文件路徑鏈接?

例如,我想如果我只是把/放在「圖像」的前面,它可能會工作,但它沒有。

+0

你的HTML文件相對於'images'文件夾在哪裏?如果它與'images'文件夾位於同一個文件夾中,那麼您的代碼應該可以正常工作。在'images'前放置一個'/'可以讓它順便轉到'C:\'。 – Ryan 2011-05-20 02:46:33

回答

2

你應該真的在HTML中使用正確的路徑。

但是,我可以看到您使用的是file協議,因此您只是在試驗。在這種情況下,你可以敲一些骯髒的jQuery代碼來爲你做。

$('img').attr('src', function(index, src) { 
    return 'file:///Users/name/Desktop/myGallery/' + src; 
}); 
0

如果您的網站存儲在file:/// Users/name/Desktop/myGallery中,它應該可以工作。也許把src改成./images/gal ....添加./來查看當前目錄。第二種方法是設置一個web服務器,比如apache,然後從那裏調用頁面。我傾向於儘可能在我的開發機器上反映我的生產環境。

0

用'/'表示路徑將轉到根目錄。除非你正在運行虛擬服務器,否則這將是你硬盤的根目錄(不是你想要的)。

我建議你從你的網站所在的文件夾運行一個虛擬服務器,並在其前面加上'/'的鏈接。所有操作系統都有很多免費的虛擬服務器。 :)

這樣,當您上傳到實際服務器時,您將不必更改任何鏈接。