javascript - 如何在 View MVC 中更改 img src

Question

这是我的图片:

<img id="1star" src="~/Content/Images/emptystar.png" onmouseover="setStars(1)" onmouseout="setStarsBack()" onclick="location.href='@Url.Action("SetRating", "CreativeModels", new { id = GlobalVariables.CurrentBookId, rating = 1 })'" />

这是应该更改图像源的函数代码:

function setStars(amount) {
   if (amount > 0) {
     document.getElementById("1star").src = "~/Content/Images/filledstar.png";
   }
}

它改变了，但浏览器说，它无法加载图像。这是将鼠标移动到图片后浏览器显示的内容:

这是图像在将鼠标移动到它们之前的样子的图片:

我应该如何更改 src 属性？

Answer 1

问题不在于 src 属性。这已正确更改为您设置的内容。问题是它指向错误的目录。

假设您将 Razor 与 MVC 解决方案结合使用，试试这个:

function setStars(amount) {
   if (amount > 0) {
     document.getElementById("1star").src = "@Url.Content("~/Content/Images/filledstar.png")";
   }
}