тег не работает должным образом (MVC, HTML)

Question

Вот мой код (часть файла Index.cshtml):

<div class="col-md-6">
        <h2>Warunki wypozyczenia</h2>
        <p>
            Kazdego wypozyczajacego obowiazuja jednakowe zasady dotyczace wypozyczonych ksiazek. <br />Najwazniejsze z nich:
            <ol>
                <li>Nie jedz z ksiazka.</li>
                <li>Myj rece przed czytaniem.</li>
                <li>Nie kap sie z ksiazka.</li>
                <li>Jesli jestes strazakiem, zostaw ksiazke w bazie przed akcja ratunkowa.</li>
            </ol>
        </p>
        <img src="~\Content\DataTables\images\rules.png" alt="Rules" />
    </div>

Это структура проекта:

В коде, когда я наведу на него курсор мыши, появляется изображение:

На сайте есть ошибка:

Я пробовал рефакторинг пути к этому файлу, но ничего не помогло.

Есть идеи?

Answer 1

Измените эту строку кода

<img src="~\Content\DataTables\images\rules.png" alt="Rules" />

на

<img src="~\Content\DataTables\images\rules.jpg" alt="Rules" />

Вам необходимо учитывать расширение вашего изображения."png", "jpg"

надеюсь, что поможет

Answer 2

вы используете \ вместо /?

правильный путь -

<img src="~/Content/DataTables/images/rules.png" alt="Rules" />