FileUpload показывает ожидающее сообщение во время выполнения PostBack

Question

Для следующего сценария:

У меня есть элемент управления ASP.NET FileUpload и кнопка, которая выполняет обратную передачу для загрузки выбранного файла.

Я хотел бы знать, могу ли я с помощью javascript:

1. Начало показа изображения (загрузка изображения), когда кто-то нажимает на кнопку, которая оправдывает загрузку
2. Прекратить показ изображения после завершения загрузки файла

Ограничения: я не могу использовать ajax в этом случае.

Answer 1

Вы могли бы сделать что-то вроде этого.

<asp:FileUpload ID="FileUpload" runat="server" />
<asp:Button ID="btnUpload" runat="server" Text="Upload" OnClientClick="DisplayWaiting()"/>
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/waiting.jpg" style="display:none;" />

<script language="javascript">
function DisplayWaiting()
{
    var img = document.getElementById("Image1");
    img.style.display = 'block';
}
</script>

Тег изображения имеет атрибут отображения по умолчанию, установленный в none. При нажатии кнопки загрузки вызывается функция DisplayWaiting(), переключающая атрибут дисплея в блок, отображающий изображение. После того, как посты вернулись назад, тег изображения отображается с атрибутом отображения равным none, скрывая изображение.

Answer 2

<div id="divLoadingImgID" style="display:none;"><img src="path/to/loading/img.gif"/></div>

---

function uploadNow(){
    document.getElementById ( "divLoadingImgID" ).style.display = "inline";
    // I don't how you are uploading the file. Anyways write your code here.
    // And then set document.getElementById ( "divLoadingImgID" ).style.display = "block"; when your uploading is done.
}