#blazor
Вопрос:
@страница «/счетчик»
Счетчик
Текущее количество: @CurrentCount
lt;класс кнопок=»btn btn-основной» @onclick=»Количество приращений»gt;Нажмите на меня
@code { частный int текущий счет = 0;
private void IncrementCount() { currentCount ; if (currentCount % 2 == 0) { lt;img src="~/Images/black_atlasian_mode copy.png" /gt; } else { lt;img src="~/Images/teal_atlasian_mode copy.png" /gt; } }
}
Ответ №1:
Вы близки. Изображение должно быть в html-части, вы меняете только src:
Current count: @currentCount lt;button class="btn btn-primary" @onclick="IncrementCount"gt;Click me lt;/buttongt; lt;img src="@src" /gt; @code { private int currentCount = 0; string src = "~/Images/black_atlasian_mode copy.png"; private void IncrementCount() { currentCount ; if (currentCount % 2 == 0) { src = "~/Images/black_atlasian_mode copy.png"; } else { src = "~/Images/teal_atlasian_mode copy.png"; } } }
Комментарии:
1. Спасибо, что я смог взять ваш код и заставить его работать. @страница «/счетчик» вверху. Я не мог заставить изображения работать, пока не поместил их непосредственно в корневой каталог www. Я подумал, что если бы я добавил папку с названием «Изображения» под корнем www и поместил их туда, это было бы так. Есть какие-нибудь предложения?
2. Да, изображения должны быть у меня где-то внутри wwwroot. Остальная часть кода недоступна. Если вы добавите дополнительную папку, ваш путь будет выглядеть следующим образом:
src="images/image.png"
. Если у вас много изображений и вы не хотите перетаскивать их повсюду, используйте что-то вроде хранилища больших двоичных объектов и отслеживайте URL-адреса в базе данных..