Cómo cargar varios archivos a través de AJAX - Administración de archivos

Cómo cargar varios archivos a través de AJAX - Administración de archivos
ACTUALIZAR: Hay una parte 2 de esta serie con una solución más completa. Puede consultarlo aquí https: // medio.com/@adnanxteam/parte-2-multiple-file-ganagement-with-laravel-and-vuejs-dc73b9865edaDa

Cuando comencé a usar VueJS, fue una pesadilla encontrar un tutorial decente sobre cómo cargar un solo archivo usando AJAX, y mucho menos un tutorial que explica cómo administrar múltiples archivos.

He estado tratando un par de años con la gestión de archivos, principalmente usando Vuejs y Laravel, por lo que pensé que escribir un tutorial como este podría ayudar a muchos desarrolladores a implementar una de las cosas más geniales en las aplicaciones, que es la gestión de activos en tiempo real.

En primer lugar, encontrará muchas soluciones en línea que son buenas, pero aquellos que son principales principiantes definitivamente lucharán.

Lo que cubriré aquí es escribir su código frontend y backend que le permitirá cargar varios archivos. Además, te daré algunos trucos sobre cómo aplicar estas cosas a diferentes situaciones.

Este artículo introducirá una capacidad básica para pasar múltiples archivos de la interfaz de usuario a su backend. Una vez que haya aprobado los archivos adjuntos, automáticamente se cargarán el objeto de archivo en PHP que se describe en la documentación de Laravel.

Puede consultar mi proyecto Laravel completo en https: // github.com/asabanovic/file-ganagement-vuejs

He empujado mi código a GitHub.

Descargarlo, ejecutarlo, jugar con él.

Si ha llegado a este punto del artículo, aplaude y comente si desea ver nuevas secuelas del artículo como:

1. Almacenar correctamente archivos en el disco y la base de datos

2. Construir una biblioteca de datos (extraer archivos adjuntos ya guardados antes de cargar otros nuevos)

3. Capacidad para eliminar archivos adjuntos antiguos y nuevos

4. Separar los archivos adjuntos entre diferentes usuarios para que solo pueda ver sus archivos cargados

5. Configuración de limitaciones del tamaño del archivo por usuario

6. Limitar a formatos de archivo específicos

7. Subiendo y previsualizando imágenes

8. Y más…

No olvides clonar tu github https: // github.com/asabanovic/file-ganagement-vuejs !