Kishor-KW Ответов: 2

Показать скрытый контроль изображения ASP с помощью java script

Как скрыть ASP image control с помощью java script
Я попробовал следовать коду, но он не работает. изображение не видно при вызове функции on change.

javascript находится на стороне клиента, если я установил свойство visibility элемента управления image в false, то могу ли я сделать его видимым через javascript?

Что я уже пробовал:

код управления изображением:

&ЛТ;как ASP:fileupload с ИД="FileUpload2" атрибут runat="сервер" onChange, после="previewFile()" класс="фа-фа-камеры" стиль="непрозрачность:1;Макс-ширина:15px; Макс-высота:11px; маржи-топ:в 4px"/&ГТ; &ЛТ;%--onServerClick="postimagescrap_Click"--%&ГТ;

язык JavaScript:


< script type= "text/javascript">
функция previewFile() {
var preview = документ.querySelector('#<%=Image4.ClientID %>');
var file = документ.querySelector('#&ЛТ;%=FileUpload2.Идентификатора ClientID %&ГТ;').файлы[0];




document.getElementById ("Image4"). style. visibility = " visible"
var reader = новый файловый редактор();

reader. onloadend = функция () {
просмотр.в src = читатель.результат;
}

если (файл) {
reader. readAsDataURL(файл);
} еще {
просмотр.в src = "";
}
}
< / script>

ZurdoDev

Отладьте свой код. Это так просто и быстро для вас, чтобы исправить самостоятельно.

2 Ответов

Рейтинг:
1

P_Z

Свойство видимости стиля HTML DOM[^] где элемент все еще будет занимать пространство, когда он невидим

document.getElementById("Image4").style.visibility = "visible";
document.getElementById("Image4").style.visibility = "hidden";


Свойство отображения стиля HTML DOM[^] где элемент не будет занимать пространство, когда он скрыт
document.getElementById("Image4").style.display = "block";
document.getElementById("Image4").style.display = "none";

Kishor-KW

пожалуйста, посмотрите код, который я опубликовал. Я уже пробовал это сделать но ничего не вышло

Рейтинг:
0

Karthik_Mahalingam

Если вы попытаетесь скрыть изображение какImage1.Visible = true;
на сервере элемент изображения будет полностью удален из ДОМ[^]. и вы не сможете контролировать видимость в javascript (на стороне клиента).

попробуйте сделать это в c#, чтобы скрыть элемент

Image1.Style.Add("display","none");

теперь функциональность видимости будет работать так, как указано в решении 1

Примечание: display:none удаляет элемент с места, позволяя другим элементам заполнить то место, где как

visibility:hidden оставляет элемент в объявленном месте страницы таким образом, что он все равно будет занимать место