Como fazer upload de vários arquivos via Ajax - Gerenciamento de arquivos

Quando comecei a usar os Vuejs, foi um pesadelo encontrar um tutorial decente sobre como fazer upload de um único arquivo usando Ajax, muito menos um tutorial explicando como gerenciar vários arquivos.

Eu tenho lidado alguns anos com gerenciamento de arquivos, principalmente usando Vuejs e Laravel, então pensei em escrever um tutorial como esse poderia ajudar muitos desenvolvedores a implementar uma das coisas mais legais nas aplicações, que é o gerenciamento de ativos em tempo real.

Primeiro, você encontrará muitas soluções on -line que são boas, mas aqueles que são iniciantes iniciais definitivamente terão dificuldades.

O que vou abordar aqui é escrever seu código de front -end e back -end que permitirá que você faça upload de vários arquivos. Além disso, darei alguns truques sobre como aplicar essas coisas a diferentes situações.

Este artigo apresentará uma capacidade básica de passar vários arquivos da interface do usuário para o seu back -end. Depois de passar os anexos, eles se tornarão automaticamente o objeto de arquivo carregado no PHP, que são descritos na documentação do Laravel.

Você pode verificar meu projeto de Laravel completo em https: // github.com/Asabanovic/File-gestão-vuejs

Eu empurrei meu código para o github.

Baixe, execute, jogue com ele.

Se você chegou a este ponto do artigo, bate -papo e comente se quiser ver novas sequências do artigo como:

1. Armazenando adequadamente os arquivos no disco e no banco de dados

2. Construindo uma biblioteca de dados (puxando anexos já salvos antes de enviar novos)

3. Capacidade de excluir anexos antigos e novos

4. Separando anexos entre diferentes usuários para que você possa ver apenas seus arquivos carregados

5. Configurando limitações de tamanho de arquivo por usuário

6. Limitando para formatos de arquivo específicos

7. Upload e visualização de imagens

8. E mais…

Não se esqueça de clonar seu github https: // github.com/Asabanovic/File-gestão-vuejs !