Pergunta

Eu gostaria de apresentar algo mais significativo do que o gif animado, enquanto os usuários fazer upload de arquivo para a minha aplicação web.Que possibilidades tenho de ser eu?

Editar:Eu estou usando .Net mas eu não me importo se alguém me mostra plataforma agnóstica versão.

Foi útil?

Solução

Aqui estão um par de versões do que você estiver procurando por algum JavaScript comum kits de ferramentas.

Outras dicas

Se você estiver interessado em como tudo isso geralmente funciona cliente local, isto é:

Todas as soluções ligar o formulário via javascript e alterar as formas de destino para uma recém-criada, IFRAME invisível.Em seguida, eles são livres para usar o AJAX para solicitação de status sobre o arquivo do servidor.

O IFRAME truque é necessária porque todos os scripts executados na janela que está fazendo o upload irá deixar de responder até que o pedido é completado no momento em que o arquivo está totalmente carregado.

ASP.NET Upload de Arquivo com Em Tempo Real Barra De Progresso

http://mattberseth.com/blog/2008/07/aspnet_file_upload_with_realti_1.html

Eu tentei várias técnicas e teve mais sucesso com Conteúdo voltado.

Criar e interagir com um conteúdo voltado objeto de Javascript, mas usa um (ocultos) de um ficheiro Flash para seleção de arquivo, carregar e fazer o upload de progresso de monitorização.Você pode especificar uma vasta gama de manipuladores de eventos Javascript (uploadStarted, uploadProgress, uploadError etc.) que o Flash será chamada durante o progresso do upload, tornando muito flexível.Ele também implementa uma fila de arquivos, por isso funciona bem para um ou vários arquivos.

Links:

Algumas boas .LÍQUIDO-ajuda específica para fazer barras de progresso pode ser encontrado em Dino Esposito do MSDN artigos da Revista a partir dos últimos meses de julho e agosto:

Sensível ao contexto Comentários com AJAX (julho '07)
Cancelar Tarefas de Servidor com ASP.NET AJAX (agosto '07)

Um bom exemplo de como fazer isso sem usar o Ajax é dado no CodeProject por Nilesh Thakkar.

o jQuery UI Progressbar - http://jqueryui.com/demos/progressbar/

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top