Upload di immagini con anteprima

Lunedì 14 Giugno 2010 - 08:33

di Cesare Lamanna

Scripting

Lo scenario d’uso ideale è così definito: un form con molti campi di input e che magari necessitano di un’attenta revisione dell’utente rispetto ai contenuti inviati. Nel caso di immagini da caricare, cosa c’è allora di meglio di un’anteprima del file messa accanto al tradizionale campo per l’upload? Ecco la dimostrazione.

L’esempio è accompagnato da tutto il codice necessario per implementarlo.

screenshot

Tags:

Categoria: Scripting | Permalink

Commenti

1

Ho provato a caricare un file di testo di pochi byte e si è bloccato tutto. Se carico un’immagine (anche molto grossa), funziona bene.

# - postato da Mattia - 14 Giugno 2010 - 08:48

2

Questo Script è molto interessante e carino, per rendere le interfaccie ancora più user-friendly e dimostra ancora una volta che ci sono metodi non invasivi e intelligenti di usare JQuery

# - postato da Daniele Tabacco - 14 Giugno 2010 - 11:09

3

Ma perche’ bisogna caricare l’immagine server-side?
non sarebbe sufficiente metterla nel src di img all’onchange del campo di input?
non serve nemmeno jquery, basta una riga di codice..

# - postato da Erich - 15 Giugno 2010 - 10:31

4

@Erich, basta una riga di codice

poiché non sono un esperto, mi piacerebbe vederla. Grazie in anticipo.

# - postato da Xavier - 15 Giugno 2010 - 13:00

5

Non è possibile mettere come src di un tag img un’uri locale, i browser non l’accettano perchè ci potrebbero essere problemi di sicurezza.

# - postato da Luca - 18 Giugno 2010 - 10:44

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento