PostBack执行时FileUpload显示等待消息

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>

图像标记的默认显示属性设置为无。单击上传按钮时，将调用DisplayWaiting()函数将显示属性切换为阻止，显示图像。在页面发布后，图像标记将显示，其display属性设置为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.
}