Come caricare più file tramite AJAX - Gestione dei file

Come caricare più file tramite AJAX - Gestione dei file
AGGIORNAMENTO: C'è una parte 2 di questa serie con una soluzione più completa. Puoi controllarlo qui https: // medium.com/@adnanxteam/part-2-multiple-file-management-with-lavel-and-vuejs-dc73b98655eda

Quando ho iniziato a usare Vuejs, è stato un incubo per trovare un tutorial decente su come caricare un singolo file usando Ajax, per non parlare di un tutorial che spiega come gestire più file.

Ho avuto un paio d'anni con la gestione dei file, principalmente usando Vuejs e Laravel, quindi ho pensato che scrivere un tutorial come questo potesse aiutare molti sviluppatori a implementare una delle cose più belle delle applicazioni, che è la gestione patrimoniale in tempo reale.

Prima di tutto, troverai molte soluzioni online che sono buone ma quelle che sono iniziali avranno sicuramente difficoltà.

Quello che coprirò qui è scrivere il tuo codice frontend e backend che ti permetterà di caricare più file. Inoltre, ti darò alcuni trucchi su come applicare queste cose a diverse situazioni.

Questo articolo introdurrà una capacità di base di passare più file dall'interfaccia utente al tuo backend. Una volta che hai superato gli allegati, diventeranno automaticamente l'oggetto file di file in PHP che sono descritti nella documentazione di Laravel.

Puoi controllare il mio progetto Laravel completo su https: // github.com/asabanovic/file-management-vuejs

Ho spinto il mio codice a github.

Scaricalo, eseguilo, gioca con esso.

Se sei arrivato a questo punto dell'articolo, ti preghiamo di applaudire e commentare se desideri vedere nuovi sequel dell'articolo come:

1. Archiviazione correttamente su disco e database

2. Costruire una libreria di dati (estrarre gli allegati già salvati prima di caricarne di nuove)

3. Capacità di eliminare gli allegati vecchi e nuovi

4. Separare gli allegati tra diversi utenti in modo da poter vedere solo i tuoi file caricati

5. Impostazione delle limitazioni della dimensione del file per utente

6. Limitare a formati di file specifici

7. Caricamento e visualizzazione in anteprima

8. E altro ..

Non dimenticare di clonare il tuo github https: // github.com/asabanovic/file-management-vuejs !