上传时显示进度条

本文关键字:显示 | 更新日期: 2023-09-27 18:36:11

我试图在上传时显示进度条。我有一个 gif 图像,它有一个属性 display:none 的类,在按钮单击时,我将属性切换为显示:使用 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 图像不显示。

上传时显示进度条

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

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

如果要

显示进度条,则需要使用 ajax 异步发布文件。现在,您只需将表单发布回服务器,当然不会显示任何内容:)