Προεπισκόπηση εικόνας και validation με Javascript

Στο σημερινό μάθημα θα δούμε πως να έχουμε μια προ επισκόπηση της εικόνας που επιλέγουμε σε μια φόρμα, πριν την στείλουμε στον server.

Μαζί με την προ επισκόπηση θα κάνουμε και ενα validation στην εικόνα.

Με το validation στην μεριά του browser κερδίζουμε χρόνο, γιατί δεν περιμένουμε την εικόνα να σταλεί στον server, να γίνει το validation εκεί, και ο server να στείλει την απάντηση.
Με την Javascript αυτό γίνετε άμεσα.
Για να προχωρήσετε σε server validation με php μπορείτε να δείτε το video:

Κατεβάστε τα αρχεία που δημιουργήσαμε στο tutorial :

Eδω μπορείτε να μάθετε ότι θέλετε για το αντικείμενο FileReader():

Είναι free to use , αλλά θέλω να δώσω credit στα παιδιά που τις δημιουργήσανε.

[greekdevtutorials]

Πολυ καλο βιντεο! Ελπιζω να μην το εχεις παρατησει γιατι συντομα θα πας πολυ μπροστα αμα συνεχισεις ετσι!