Upload immagine, verifiche che posso effettuare con JQuery prima dell'invio

[robynosse]

Ciao a tutti,

sto aggiungendo al mio sito la possibilità di effettuare un upload di immagini, a parte i dovuti controlli che farò lato server, che operazioni posso effettuare con JQUERY lato client per verificare che rispecchi alcuni parametri?

Una volta che l'utente "sfoglia" e selezione il file, di che dati posso disporre, sempre lato client?

Sarebbe per me utile sapere:
peso in byte
dimensione in pixel
tipo di file (es. image/jpg)

É possibile effettuare questi controlli lato client prima di inviare il file stesso al server?

Grazie,
Roberto

[cavicchiandrea]

Direi di si

[robynosse]

Direi di si

Ciao, sono riuscito a trovare impostare che i file siano solo jpg, aggiunto nel tag input html:

accept='image/jpeg'

e come conoscere il peso del file:

            img=$("#immagine").get(0).files[0];
            alert(img.size);

Ma non riesco a trovare come conoscere altezza e larghezza dell'immagine, sai per caso come estrapolarla?

Grazie,
Roberto

[robynosse]

Ma non riesco a trovare come conoscere altezza e larghezza dell'immagine, sai per caso come estrapolarla?

...la cosa ha anche la sua logica, visto che si può fare l'upload di qualsiasi tipo di file (un file .exe che non ha 'larghezza' o 'altezza').
Dispongo infatti di varie proprietà come size e type, ma non riesco a trovare il modo di estrapolare altezza e larghezza in pixel.

[CorsoJavascript]

i metadata che vedi sono quelli di file binario generico, blob. Per sapere altezza e larghezza devi utilizzare una libreria che interpreti effettivamente il contenuto del blog.

http://jsfiddle.net/4N6D9/ un esempio fatto client-side attraverso `Image` che ormai ci dovrebbe essere su tutti i browser