.net - progreso - subir archivos angular 5
¿Cómo implementar la barra de progreso de carga de archivos en la web? (7)
Me gustaría mostrar algo más significativo que el gif animado mientras los usuarios cargan archivos en mi aplicación web. ¿Qué posibilidades tengo?
Editar: Estoy usando .Net, pero no me importa si alguien me muestra la versión agnóstica de la plataforma.
Aquí hay un par de versiones de lo que está buscando para algunos kits de herramientas comunes de JavaScript.
Carga de archivos ASP.NET con barra de progreso en tiempo real
http://mattberseth.com/blog/2008/07/aspnet_file_upload_with_realti_1.html
En los artículos de MSDN Magazine de Dino Esposito de julio y agosto se pueden encontrar algunas buenas ayudas específicas para .NET para hacer barras de progreso.
Retroalimentación sensible al contexto con AJAX (julio ''07)
Cancelación de tareas del servidor con ASP.NET AJAX (agosto ''07)
Si le interesa cómo todo esto funciona generalmente en el sitio del cliente, este es:
Todas las soluciones conectan el formulario a través de javascript y cambian el objetivo de formularios a un IFRAME invisible recién creado. Entonces son libres de usar AJAX para solicitar algún estado sobre el archivo del servidor.
El truco de IFRAME es necesario porque todos los scripts que se ejecutan en la ventana que está cargando se suspenderán hasta que se complete la solicitud, momento en que el archivo se cargó por completo.
Un buen ejemplo de hacerlo sin utilizar Ajax lo proporciona Nilesh Thakkar en CodeProject .
Probé varias técnicas y tuve más éxito con SWFUpload .
Usted crea e interactúa con un objeto SWFUpload utilizando Javascript, pero utiliza un archivo Flash (oculto) para la selección de archivos, carga y carga de la supervisión del progreso. Puede especificar una amplia gama de controladores de eventos de Javascript ( uploadStarted , uploadStarted , uploadProgress , etc.) que Flash llamará durante el proceso de carga, lo que lo hace muy flexible. También implementa una cola de archivos, por lo que funciona bien para archivos individuales o múltiples.
Campo de golf:
jQuery UI Progressbar - http://jqueryui.com/demos/progressbar/