Nie można prawdziwie wyświetlać "czas" ładowania do momentu, aż użytkownik nie zacznie.
Można JUŻ zobaczyć rozmiar pliku w nagłówku ekranu, więc po co to potrzebne?
masz:
tak więc, powyżej widzisz nazwę pliku, widzicie rozmiar pliku.
Jednak, dopóki nie zostanie naciśnięty przycisk pobierz, i nie zaczniesz pobierać pliki, nie wiesz jeszcze czas pobierania, prawda?
Tak więc, gdy klikniesz "Pobierz pliki", każdy wybrany plik zostanie załadowany, i po stronie serwera (code behind) masz to:
Protected Sub AjaxFileUpload1_UploadComplete(sender As Object, e As AjaxControlToolkit.AjaxFileUploadEventArgs) Handles AjaxFileUpload1.UploadComplete
Dim strFileSave As String
strFileSave = Server.MapPath("~/Content/" & e.FileName)
AjaxFileUpload1.SaveAs(strFileSave)
' now code to add say to a database table of files up-loaded.
Using conn As New SqlConnection(My.Settings.TEST4)
Dim strSQL = "INSERT IGNORE INTO MyUpoadFiles (FileName, UpLoadTime, Size, User_id) " &
"VALUES (@File, @Time,@Size, @User)"
Using cmdSQL As New SqlCommand(strSQL, conn)
conn.Open()
With cmdSQL.Parameters
.Add("@File", SqlDbType.NVarChar).Value = e.FileName
.Add("@Time", SqlDbType.DateTime).Value = Date.Now
.Add("@Size", SqlDbType.Int).Value = e.FileSize
.Add("@User", SqlDbType.Int).Value = Membership.GetUser.ProviderUserKey
End With
cmdSQL.ExecuteNonQuery()
End Using
End Using
End Sub
Teraz, gdy WSZYSTKIE pliki załadowane na stronie serwera nawet zostanie pobrana wszystko, i wtedy będziesz mógł zabrać powyższej listy/tabeli i wyświetlić pobrane pliki wraz z nazwą pliku, rozmiar i czas.
Ale u ciebie naprawdę nie ma możliwości, aby wyświetlić informacje o pliku, na przykład, ile do tego momentu pobrałeś plik, a następnie masz czas, prawda?
Edytuj:
Być może powyższe pomysł nie była do końca jasna. Proponuję, aby był bootloader na stronie.
Tak więc, powiedzmy, pominiemy ten układ:
<div style="width:40%;padding:25px">
<ajaxToolkit:AjaxFileUpload ID="AjaxFileUpload1" runat="server"
OnClientUploadCompleteAll="MyCompleteAll" ChunkSize="16384" />
<asp:Button ID="cmdDone" runat="server" Text="Done" CssClass="btn" ClientIDMode="Static"/>
<script>
function MyCompleteAll() {
$('#cmdDone').click()
}
</script>
<asp:GridView ID="Gfiles" runat="server" CssClass="table"></asp:GridView>
</div>
I zwróć uwagę, jak używamy klienta bok, wszystko zrobione kliknięciem myszy.
Więc teraz mamy to:
Jesteśmy kliknięciu pobierz, a teraz widzimy to:
Teraz musimy (powinniśmy) ukryj przycisk "Gotowe" - mamy możliwość pobrać, klikając na przycisk "Zakończ", aby nas.
Tak, że przycisk ten jest teoretycznie powinna być taka, aby ukryć jej:
<asp:Button ID="cmdDone" runat="server" Text="Done"
style="display:none" ClientIDMode="Static"/>
I kod dla tego przycisku taka:
Protected Sub cmdDone_Click(sender As Object, e As EventArgs) Handles cmdDone.Click
Dim rstFiles As New DataTable
Using conn As New SqlConnection(My.Settings.TEST4)
Dim strSQL As String = "select FileName, UpLoadTime, Size, User_id from MyUpLoadFiles"
Using cmdSQL As New SqlCommand(strSQL, conn)
conn.Open()
rstFiles.Load(cmdSQL.ExecuteReader)
End Using
End Using
Gfiles.DataSource = rstFiles
Gfiles.DataBind()
' hide up-loader
AjaxFileUpload1.Visible = False
End Sub