上传时显示进度条答案

【问题标题】：show progress bar while uploading上传时显示进度条
【发布时间】：2013-10-21 14:16:27
【问题描述】：

我正在尝试在上传时显示进度条。我有一个 gif 图像，它有一个属性为 display:none 的类，单击按钮时我将属性切换为 display: block using javascript。

这是我的职责。

function showProgress() {

$('#uplImage').css('display','block')

}

这是图像类

.uplImage {
display: none;
margin-left: 100px;
z-index: 999;
position:absolute;
margin-top: -800px;
}

这是我的按钮

<asp:Button ID="btnSubmit" runat="server" Text="Submit" CssClass="submit" 
Height="35px"
Width="100px" OnClick="btnSubmit_Click" OnClientClick="showProgress()"
ValidationGroup="validate" />

gif 图像不显示。

【问题讨论】：

是否调用了 btnSubmit_Click 函数？

标签： c# javascript visual-studio-2012 progress-bar

【解决方案1】：

当按下 asp 按钮时，它会回发到服务器端。所以问题是你的图像确实出现了一毫秒，然后回发被发送

如果您想在文件上传时显示上传图片，则需要使用 ajax。

【讨论】：

【解决方案2】：

如果要显示进度条，则需要使用 ajax 异步发布文件。现在您只是将表单发回服务器，当然没有任何显示:)

【讨论】：