Usare un custom FileUpload in PrimeReact

Oggi vediamo un esempio completo di custom FileUpload in PrimeReact.

Nella documentazione ufficiale, l'esempio è abbastanza scarno, e non si capisce come si deve fare.

Inoltre, la mia esigenza nasce dal fatto che ho dovuto mettere un controllo sulle misure dell'immagine da caricare; mentre il modulo prevede dei controlli solo sulle dimensioni (in termini di peso dell'immagine).

Per controllare la misura dell'immagine useremo gli oggetti FormData, FileReader e Image; essendo Javascript puro, sono compatibili con React.

Upload dei file con AJAX

Su un nuovo progetto, sto usando molto AJAX e Javascript anche per inviare i form.

In un form, devo aggiornare i dati dell'utente:

• username
• password
• avatar

Quindi devo mandare due stringhe e un file.

Eseguire richieste AJAX con Javascript e Qwest

Tendenzialmente per eseguire richieste AJAX uso jQuery.

Semplifica veramente la vita rispetto allo Javascript puro; inoltre lo uso per tante altre cose, quindi va da se che mi conviene usarlo.

Però ho scoperto un'altra libreria per eseguire AJAX, senza l'utilizzo di altre librerie: Qwest!

E' veramente molto semplice da usare, tanto che consiglio vivamente di provarla; intoltre il progetto mi sembra abbastanza attivo.