Vorrei mostrare qualcosa di più significativo che gif animato mentre gli utenti caricano i file nella mia applicazione web. Che possibilità ho?Come implementare la barra di avanzamento del caricamento del file sul web?
Modifica: sto usando .Net ma non mi dispiace se qualcuno mi mostra la versione agnostica della piattaforma.
Qui ci sono un paio di versioni di ciò che stai cercando per alcuni toolkit JavaScript comuni.
Un buon esempio di ciò senza usare Ajax è dato at CodeProject by Nilesh Thakkar.
ASP.NET File Upload con Real-Time Barra di avanzamento
http://mattberseth.com/blog/2008/07/aspnet_file_upload_with_realti_1.html
C'è un collegamento aggiuntivo?quello pubblicato non è più disponibile –
Alcuni buon aiuto specifico per .NET per fare le barre di avanzamento può essere trovato in articoli MSDN Magazine di Dino Esposito dallo scorso luglio e agosto:
Context-Sensitive Feedback with AJAX (July '07)
Canceling Server Tasks with ASP.NET AJAX (August '07)
Se sei interessato a come funziona tutto questo in genere, questo è il seguente:
Tutte le soluzioni collegano il modulo tramite javascript e cambiano il modulo su un IFRAME invisibile appena creato. Quindi sono liberi di utilizzare AJAX per richiedere alcuni stati sul file dal server.
Il trucco IFRAME è necessario perché tutti gli script in esecuzione nella finestra che sta eseguendo il caricamento verranno sospesi fino al completamento della richiesta e al momento del caricamento completo del file.
IFRAME è davvero necessario? Qualcuno può confermarlo? Sono confuso. –
Sì, è necessario IFRAME. Non è possibile inviare caricamenti di file tramite AJAX (ovvero tramite l'oggetto XMLHTTPRequest di Javascript) e solo una normale sottomissione di modulo impedirebbe all'utente l'esecuzione di Javascript aggiuntivo per eseguire il polling del server per l'avanzamento del caricamento. – georgebrock
Ho provato varie tecniche e ho avuto più successo con SWFUpload.
È possibile creare e interagire con un oggetto SWFUpload utilizzando Javascript, ma utilizza un file Flash (nascosto) per la selezione, il caricamento e il caricamento del monitoraggio dell'avanzamento dei file. Puoi specificare una vasta gamma di gestori di eventi Javascript (uploadStarted, uploadProgress, uploadError ecc.) Che Flash chiamerà durante il caricamento, rendendolo molto flessibile. Implementa anche una coda file, quindi funziona bene per file singoli o multipli.
vicini:
jQuery UI ProgressBar - http://jqueryui.com/demos/progressbar/
Si tratta di una barra di avanzamento manichino. Non mostra il% di percentuale caricato. Potrebbe anche utilizzare il messaggio "caricamento in corso ..." come overlay. – krishna