检索动态图像src分配的正确路径

Retrieve proper path for dynamic image src assignment

本文关键字：路径 分配 动态 图像 src 检索      更新时间：2023-09-26

我知道也有类似的问题，但似乎都不适合我。我有一个滑块和一个图像。当我更改滑块的值时，我希望图像也能更改。以下是javascript的相关部分：

 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
}

我的图像位于我的项目中的Content/face0.png、Content/face1.png等下。我的视图位于Views/Home/view.cshtml中。问题是，当我调用$(...).attr()和document.getElementById(...).src函数时，浏览器在/Home/~/Content/face0.png下查找图像，而不是在Content/face0.png下查找。我认为我可以使用~/Contet/face0.png的原因是，如果我用html声明图像，这将在正确的位置<img src="~/Content/face0.png" />获得图像。我如何才能正确地实现我想要做的事情？出了什么问题？

明白了，根相对路径是我的解决方案的正确答案。(以/开始路径(。

相关文章：