Ciao a tutti,
sto cercando di implementare in una pagina l'upload di foto e ritagliarla per prenderne un quadrato 100x100px
Mi sono procurato uno script girovagando in rete, che soddisfa pienamente quello di cui avevo bisogno, se non fosse per un piccolo problema.
Ovvero se carico un' immagine di dimensioni abnormi, questa viene visualizzata a dimensioni reali, quindi impossibile poi ritagliarne il quadrato.
Lo script è in PHP + jQuery e funziona in questo modo:
1-upload
2-anteprima da dove ritagliare il quadrato
3-salvataggio del ritaglio + query per assegnare quella foto come immagine del profilo.
Il problema sta solo nel passo 2, ovvero l'anteprima. Sinceramente non ho alcuna esperienza con le GD e non riesco a capire dove mettere mano per fare in modo che questa preview abbia una dimensione (nel mio caso) massima di 600px.
Ho provato semplicemente a mettere l'attributo width in img
il che apparentemente sembra funzionante, ma poi al momento del ritaglio, quel quadrato non corrisponde all'immagine che avevo ritagliato.
Posto il link di questo script, se gentilmente qualcuno possa aiutarmi ne sarei felice.
http://www.w3bees.com/2013/08/image-upload-and-crop-with-jquery-and.html
Eventualmente se non è consentito postare questo genere di link editate pure e metterò i codici direttamente in questo 3d.
Grazie, ciao.
sto cercando di implementare in una pagina l'upload di foto e ritagliarla per prenderne un quadrato 100x100px
Mi sono procurato uno script girovagando in rete, che soddisfa pienamente quello di cui avevo bisogno, se non fosse per un piccolo problema.
Ovvero se carico un' immagine di dimensioni abnormi, questa viene visualizzata a dimensioni reali, quindi impossibile poi ritagliarne il quadrato.
Lo script è in PHP + jQuery e funziona in questo modo:
1-upload
2-anteprima da dove ritagliare il quadrato
3-salvataggio del ritaglio + query per assegnare quella foto come immagine del profilo.
Il problema sta solo nel passo 2, ovvero l'anteprima. Sinceramente non ho alcuna esperienza con le GD e non riesco a capire dove mettere mano per fare in modo che questa preview abbia una dimensione (nel mio caso) massima di 600px.
Ho provato semplicemente a mettere l'attributo width in img
Codice:
<img src="..." width="600">Posto il link di questo script, se gentilmente qualcuno possa aiutarmi ne sarei felice.
http://www.w3bees.com/2013/08/image-upload-and-crop-with-jquery-and.html
Eventualmente se non è consentito postare questo genere di link editate pure e metterò i codici direttamente in questo 3d.
Grazie, ciao.
