为动态图像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分配检索正确的路径

回答

相关问题