resize di un'immagine dopo l'upload.

[frenkytribe]

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

 <img src="..." width="600">

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-...query-and.html
Eventualmente se non è consentito postare questo genere di link editate pure e metterò i codici direttamente in questo 3d.
Grazie, ciao.

[Santino83_02]

chiaro che se l'immagine è larga 2000px e tu la restringi a 500px, il quadrato che vai a tagliare (100x100) in realtà dovrebbe tagliare un 400x400 e poi fare il resize di quello a 100 (di larghezza)... Quindi o impedisci alla gente di mettere immagini troppo grandi (che ne so, limiti a 1024x768), oppure devi tenere conto del "resize" che sei costretto a fare per permettere all'utente di visualizzare l'immagine... altrimenti cerchi un altro componente jquery che invece di farti disegnare il quadrato di taglio, usi una "maschera" posta sopra l'immagine (in tal modo, l'immagine può essere grande anche 2 milioni di pixel, ma tu solo la maschera visualizza) e l'utente sposta l'immagine all'interno della maschera...

boh

[frenkytribe]

Capisco cosa intendi, ma questo script agisce in maniera un po' diversa, nel senso che mi fa il resize del crop, anche se io seleziono un quadrato di 400x400 poi ottengo un 100x100. Il problema è che non corrisponde all'area che ho selezionato.

[Santino83_02]

Capisco cosa intendi, ma questo script agisce in maniera un po' diversa, nel senso che mi fa il resize del crop, anche se io seleziono un quadrato di 400x400 poi ottengo un 100x100. Il problema è che non corrisponde all'area che ho selezionato.

non è che abbia molto capito la tua risposta... cmq penso che sia più indicata una ricerca su internet o sul forum del plugin per risolvere il problema, visto che per ora di php c'è ben poco. Penso sia sempre un problema di proporzioni, se tu fai il crop dal punto (x,y), in realtà nell'immagine il punto sarà (x1,y1), dove x1 e y1 devono essere calcolate tenendo conto che tu l'immagine non l'hai visualizzata al 100% ma, ad esempio, al 50% di grandezza...tutte info che deve fare il plugin probabilmente

[frenkytribe]

Mmm mi sa proprio di si, beh grazie lo stesso.