根據文件夾更改img src

-2

我有一個主文件夾「main」。它有一個名爲「test1.html」的頁面。它也有圖像文件夾。圖像文件夾中有圖像「pic1.png」。根據文件夾更改img src

「main」文件夾中還有一個名爲「sub」的子文件夾，其中有一個「test2.html」頁面。

場景：我在兩個頁面（在根文件夾以及子文件夾中）通過jquery在img標籤中插入pic1.png。我應該如何處理不同頁面的src？即，

test1.html - 圖像/ pic1.png

test2.html - ../images/pic1.png

來源

2013-01-08 Mak

你是什麼意思「處理不同頁面的src」..困惑 – bipen

obv。這意味着圖像的src屬性應根據頁面的位置而改變，即該頁面位於根文件夾或任何子文件夾中。 – Mak

你可以用正則表達式檢查位置，並使用ATTR功能適用SRC jQuery

(''+window.location).match(/http:\/\/[^\/]*\/*root\/?(.*)/)[1]

這將匹配沒有第一個斜槓後的URL中的所有內容。

，如果它在根目錄將是空的，你可以有多少變量

var path = (''+window.location).match(/http:\/\/[^\/]*\/*root\/?(.*)/)[1] 
if (path) { 

    var prefix = ''; 
    for (var i=path.match(/\//).length;i--;) { 
     prefix += '../'; 
    } 
    $('img').each(function() { 
     var $this = $(this) 
     $this.attr('src', prefix + $this.attr('src')); 
    }); 
}

這將改變頁面上的圖像的所有SRC屬性斜線出適用..

來源

2013-01-08 06:56:56 jcubic

何不是否包含來自Web根目錄的相對路徑。

/images/pic1.png

這是一個很好的site爲相對路徑的解釋。

來源

2013-01-08 06:59:21

thnx但我試過，它不工作。 – Mak

什麼是圖像的網址？ –

看到，如果頁面在子文件夾中，圖像src應該是「../images/pic1.png」。如果頁面本身位於根文件夾中，則圖像src應該是「images/pic1.png」 – Mak

根據文件夾更改img src

回答

相關問題