Migrar ng-file-upload a Angular moderno
ng-file-upload entregaba las directivas ngf-select y ngf-drop, y un servicio Upload con progreso y validación.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| Native input + HttpClient | Suficiente para la mayoría: reportProgress entrega eventos de progreso. |
| ngx-file-drop | Cuando necesitas una zona de arrastrar y soltar; revisa su actividad de versiones antes de adoptarla. |
| Uppy or tus client | Para subidas reanudables o muy grandes. |
Cómo migrarla
- Lista las validaciones en uso (tamaño, tipo, dimensiones) y llévalas a una función validadora.
- Construye un componente de subida con estados de progreso, cancelación y error.
- Envía el archivo con FormData por HttpClient usando reportProgress y observe events.
Cuidado con. Revisa cómo espera el backend los nombres de los campos multipart. ng-file-upload tenía sus propios valores por defecto, y una diferencia solo aparece como subida fallida.
Otras librerías
- satellizer / angular-jwt
- ngStorage / angular-local-storage
- angular-formly
- ui-sortable / ng-sortable / dragula
¿Planeas una migración o una plataforma de microfrontends?
En una llamada de 20 minutos me cuentas tu situación y te digo cómo la abordaría. Si todavía no vale la pena, también te lo digo.
Escríbeme por LinkedIn