Блог

Главная - Вопросы по программированию - установить тег src img в javascript

установить тег src img в javascript

#javascript #jquery #asp.net-mvc

#javascript #jquery #asp.net-mvc

Вопрос:

Как правильно установить src в теге img из js в asp.net ? Поскольку я пытаюсь таким образом, он не отображается. Данные с sql server, и я использую jquery и ajax для вызова данных. Он уже отображается в консоли, но не знаю, почему это так

В консоли

<img class="img-fluid px-3 px-sm-4 mt-3 mb-4" id="img" style="width: 25rem;" alt="learning" src="~/images/Capture205450514.PNG">

.js

 let q = data[questionIndex];
    if (q.img != null) {
        $("#img").attr("src", q.img);
    }
    else {
        img.style.display = "none";
    }

.cshtml

<img class="img-fluid px-3 px-sm-4 mt-3 mb-4" id="img" style="width: 25rem;" >

Комментарии:

1. Еще немного контекста данных, переданных в q var. Также объект img в операторе else также не определен. Более подробная информация была бы удобна, поскольку js для asp.net не имеет смысла, нет никакого asp.net код в вашем вопросе, просто js

2. Извините, но он уже отображается в консоли следующим образом ` <img class=»img-fluid px-3 px-sm-4 mt-3 mb-4″ id=»img» style=»width: 25rem;» alt=»learning» src=»~/images/Capture205450514.PNG»> ` но он не отображается. Я просто спрашиваю, есть ли какой-либо метод при использовании asp.net

Ответ №1:

Измените свой src. Вы неправильно его настроили. Если вы работаете с JavaScript, это на стороне клиента и должно быть сделано таким образом.

 <img class="img-fluid px-3 px-sm-4 mt-3 mb-4" id="img" style="width: 25rem;" alt="learning" src="images/download.jpg">

Вы не упомянули, что вы делаете на localhost или нет, потому что вам может понадобиться
Абсолютный URL

Ответ №2:

Все, что вам нужно сделать, это исправить относительный URL. Использование ~ в URL не создает допустимый URL.

  • Если images каталог находится в корне вашего веб-приложения, используйте "/images/Capture205450514.PNG"
  • Если images каталог находится на том же уровне, что и ваша HTML-страница, тогда используйте "./images/Capture205450514.PNG" или просто "images/Capture205450514.PNG"
  • Если images каталог находится на один уровень выше, чем ваша HTML-страница, используйте "../images/Capture205450514.PNG"

Нажмите здесь для справки

Метки: