检索动态图像 src 分配的正确路径
Retrieve proper path for dynamic image src assignment
我知道那里有类似的问题,但是 none 似乎对我来说很合适。我有一个滑块和一个图像。当我更改滑块的值时,我希望图像也随之更改。以下是 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。我假设我可以使用 ~/Content/face0.png 的原因是因为如果我要在 html 中声明图像,这将在正确的位置 <img src="~/Content/face0.png" />
中获取图像。我怎样才能正确地实现我想做的事情?出了什么问题?
知道了,根相对路径是我的解决方案的正确答案。
(路径以 /
开头)。
我知道那里有类似的问题,但是 none 似乎对我来说很合适。我有一个滑块和一个图像。当我更改滑块的值时,我希望图像也随之更改。以下是 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。我假设我可以使用 ~/Content/face0.png 的原因是因为如果我要在 html 中声明图像,这将在正确的位置 <img src="~/Content/face0.png" />
中获取图像。我怎样才能正确地实现我想做的事情?出了什么问题?
知道了,根相对路径是我的解决方案的正确答案。
(路径以 /
开头)。