javascript - 无法在 MVC 4 中为超链接加载图像

Question

我正在开发一个模块，其中按钮/超链接应显示为图像，而不是 MVC 4 视图中的常规文本。我有以下代码片段。

<td>
<a href="#"  data-bind="click: $root.edit"><img src="~/Images/edit.png" /></a>
<a href="#"  data-bind="click: $root.remove"><img src="~/Images/del.png" /></a>

 <a href="#" data-bind="click: $root.add"><img src="~/Images/add.png" /></a>

我将所有图像文件添加到图像文件夹中的解决方案中，但由于某些原因，它们没有显示在 UI 中。我得到的错误是

"GET http://localhost:20823/~/Images/del.png 404 (Not Found) " 
"GET http://localhost:20823/~/Images/edit.png 404 (Not Found) "

"GET http://localhost:20823/~/Images/add.png 404 (Not Found) "

Answer 1

You need to use Url.Content to resolve your relative path to an absolute one e.g.

<img src='@Url.Content("~/Images.edit.png")' />