爲動態圖像src分配檢索正確的路徑

我知道這裏面有類似的問題，但是他們都沒有爲我正常工作。我有一個滑塊和一個圖像。當我改變滑塊的值時，我希望圖像也改變。以下是JavaScript的相關部分：爲動態圖像src分配檢索正確的路徑

var imageArray = ['face0.png', 
'face1.png', 
'face1.png', 
'face2.png', 
'face2.png', 
'face3.png', 
'face3.png', 
'face4.png', 
'face4.png', 
'face5.png', 
'face5.png']; 

function sliderValueChange(value) { 
    //$('#painScaleImage').attr('src', '~/Content/' + imageArray[value]); ***gets wrong path 
    //$('#painScaleImage').src('~/Content/' + imageArray[value]); ***jQuery has no method called .src() 
    //document.getElementById('painScaleImage').src = '~/Content/' + imageArray[value]; ***gets wrong path 
    //these are commented out because they all failed to work 
}

我的圖片位於下我的內容/ face0.png，內容/項目face1.png，等我的視圖都位於瀏覽/首頁/ view.cshtml。問題是當我調用$(...).attr()和document.getElementById(...).src函數時，瀏覽器查找/Home/~/Content/face0.png下的圖像，而不是查看Content/face0.png。我認爲我可以使用〜/ Content/face0.png的原因是因爲如果我要用html聲明圖像，這將在合適的位置獲得圖像<img src="~/Content/face0.png" />。我如何正確實現我想要做的事情？出了什麼問題？

來源

2015-07-20 WookieCoder

使用根相對路徑（幾乎）總是有效 – dandavis

你會怎麼做呢？問題是我需要上一個文件夾級別。（我有我的主項目文件夾，其中我有我的內容文件夾和我的視圖文件夾。所以我需要上一個文件夾級別來獲取我的圖像，我不知道該怎麼做） – WookieCoder

明白了，根相對路徑是我解決方案的正確答案。（以/開始路徑）。

來源

2015-07-21 01:49:54 WookieCoder

爲動態圖像src分配檢索正確的路徑

回答

相關問題