未显示部分视图加载图像

Question

I implemented a PartialView Load but the (img tag) is not displayed an image. There was no error and the alt="IMAGE" was displayed instead.

Home/Index.cshtml

<div id="partialviews">
</div>

<script type="text/jscript">
$(document).ready(function () {
    $("#partialviews").load('/home/GetImage');
});
</script>

Home/HomeController.cs

public PartialViewResult GetImage(string category)
{
    return PartialView("_ShowImage");
}

_ShowImage.cshtml

<div>
    @Html.Label("Image:")
    @{ var imagePath = @"~/Images/cctv.jpg"; }
    <div>
        <img scr="@Url.Content(@imagePath)" alt="IMAGE" />
    </div>
</div>

Project directory structure

Answer 1

Just do

<div>
    <img scr="~/Images/cctv.jpg" alt="IMAGE" />
</div>

If this does not work, the image path is not correct. And check, if the folder Images is included to your project.