Oggi vi propongo un’integrazione tra Laravel e il plugin Blueimp jQuery File Upload per ottenere un sistema di caricamento immagini semplice ma funzionale. L’applicazione che andremo a realizzare insieme prevede anche alcune features aggiuntive, come ad es. la creazione a volo di miniature e il salvataggio su database.
Per vedere subito il risultato finale, potete scaricare i sorgenti del progetto direttamente da GitHub
Repository del progetto su GitHub
Se invece desiderate creare l’applicazione da zero, iniziamo subito!
Operazioni preliminari
Innanzitutto installiamo Laravel seguendo le istruzioni contenute nella documentazione. Se non volete utilizzare Homestead assicuratevi di aver installato uno stack AMP (ossia uno dei tanti bundle che includono Apache, MySQL e PHP): su Windows vi consiglio l’ottimo Laragon, con il quale è possibile creare nuovi progetti con un semplice click.
Verificate che Laravel funzioni, quindi andate nella root del progetto, aprite il terminale e digitate i seguenti comandi per installare due importanti packages:
|
1 2 |
composer require bkwld/croppa composer require gargron/fileupload |
Infine, aprite il file .env e inserite i parametri relativi al vostro database: siamo pronti per lo step successivo.