上傳時顯示進度條

Question

我正在嘗試在上傳時顯示進度欄。 我有一個gif圖像，該圖像具有一個類，其屬性為display：none，然后單擊按鈕，將屬性切換為display：block，使用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圖像不顯示。

Answer 1

當按下asp按鈕時，它將回發到服務器端。 所以事情是您的圖像確實出現了毫秒，然后發送回發

如果要在文件上傳時顯示上傳圖像，則需要使用ajax。

Answer 2

如果要顯示進度條，則需要使用ajax異步發布文件。 現在，您只是將表單發布回服務器，當然什么也沒顯示：)