上传时显示进度条

时间:2013-10-21 14:16:28

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

我正在尝试在上传时显示进度条。我有一个gif图像,其中有一个类属性显示:none和on按钮单击我切换属性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图片没有显示。

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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