Изображение не загружается из каталога, куда пользователи загружают изображения, ошибки не генерируются

Question

У меня есть простая страница элемента, где пользователи могут создавать новые элементы и загружать изображения для связанных с элементом.Изображения хранятся в папке с именем ItemImages и при отображении всех элементов, которые мне нужны, чтобы извлечь изображение из этой папки на основе ссылки на файл, хранящейся в базе данных.

по какой-то причине не находит изображениеи не отображает его, и никакие ошибки не генерируются, даже не говорится, что 404 не найдено.

 @foreach (var item in Model)
    {
        var imagePath = item.ImagePath.ToString();


        <div class="card" style="width: 18rem;">
            <img class="card-img-top" src="~/ItemImages/dog.png" alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title"> @Html.DisplayFor(modelItem => item.Name) </h5>
                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            </div>
            <ul class="list-group list-group-flush">
                <li class="list-group-item">Price:   @Html.DisplayFor(modelItem => item.Price)</li>
                <li class="list-group-item">Date Listed:  @dateString</li>
            </ul>
            <div class="card-body">
                <a href="#" class="card-link">Card link</a>
                <a href="#" class="card-link">Another link</a>
            </div>
        </div>
    }

И моя структура файла: