Sei in: HomePage Blog | Articolo

set

2007

Crop and Resize con asp.net

Di SimoneRodriguez alle 22:09, in Scripts, 2050 click

Continua la serie degli scripts della serie "me lo sono fatto per me, ma lo rendo disponibile che magari a qualcuno torna utile": uno script in ASP.net che oltre a fare il classico ridimesionamento (resize) ritaglia (crop) l'immagine con una forma quadrata.

Sono immerso in un progetto (molto presto vi annuncierò i dettagli) che necessita di anteprime (thumbnails) quadrate di alcune foto. Fino ad ora me la sono sempre sbrigata tramite CSS+Resize(in ASP.net) ma ero curioso di vedere che risultati si potessero ottenere facendo tutto tramite ASP.net.

Cerca, studia, prova, ho realizzato uno script che, passandogli il percorso dell'immagine e larghezza del quadrato necessario, si occupa di ridimesionare e ritagliare l'immagine trasformandola in un quadrato.

Tanto per capirci, ho un'immagine così (la mia Locanda):

con questo script diventa così:

I parametri da passargli tramite querystring sono:

img - ovvero il percorso dell'immagine.
opx - ovvero la larghezza risultante dell'immagine

Esempio:
http://www.simonerodriguez.com/square.aspx?img=/images/RECEPTIO_2.jpg&opx=150

Non mi soffermo sui dettagli dello script poiché non è lo scopo di questo articolo, ma se vi state chiedendo perché genera solo "quadrati", la risposta è che "a me serviva così"! ...magari più in là lo renderò anche "rettangolare".

Potete scaricare lo script da quì

English version
I developed a script in ASP.net to resize and crop an image in a square shape.
You have only to pass those two parameters through querystring:

img - The image path
opx - The quare width result

Example:
http://www.simonerodriguez.com/square.aspx?img=/images/RECEPTIO_2.jpg&opx=150

Download the script from here

Tag: ASP.net Technorati

script

crop

resize

Storico

Stampa

TrackBack http://www.simonerodriguez.com/tb.asp?id=110

Se questo articolo ti è stato utile, ti ha fatto risparmiare tempo o semplicemente ti è piaciuto, puoi offrirmi una birra... con un click! (Consigliati 3€ per una pinta piccola)

Potrebbero interessarti anche questi articoli:

JQuery - Una libreria JavaScript che adoro! (25%)
in Scripts il 18/09/2007 (4 commenti)

Form Submit in Ajax - Script per principianti (25%)
in Scripts il 16/08/2007 (57 commenti)

Commenti

# 1

Non potevi unire le forze con Wodka che sta facendo una cosa simile? Magari tiravate fuori uno spettacolo di applicativo : - )

Comunque vada evviva l'open source e la condivisione delle conoscenze eh eh eh
GRANDE

Di mago28 (inviato il 13/09/2007 @ 08:57)

# 2

Non avevo letto il suo post, ma in ogni caso wodka è 100 passi avanti a me su gli spippolamenti del resize e crop, insomma non ha certo bisogno di me!

Questo è solo un script che copre un singola necessità, invece wodka, da quello che ho letto, sta preparando qualcosa di veramente "fico"... anzi non vedo l'ora che si decide a concluderlo : - o

Di SimoneRodriguez (inviato il 13/09/2007 @ 10:46)

# 3

Non ho ben capito, serve a fare il resize & crop di un file che si trova su un altro server o funziona solo con le img che hai sul tuo sito? o entrambi? è possibile evitare il crop e fargli fare solo il resize?

Di CinOp! (inviato il 17/10/2007 @ 15:12)

# 4

Serve a fare contemporaneamente il crop e resize di immagini, è indifferente che siano sul tuo server o meno.
Per fare solo il resize puoi utilizzare quello che c'è per il dblog (resize.aspx)

Di SimoneRodriguez (inviato il 17/10/2007 @ 15:16)

# 5

Grande ed utilissimo. Lo userò nel mio sito!
Grazie anche per averlo condiviso.

Di Alberto (inviato il 30/11/2007 @ 20:32)

# 6

Personalmente alla riga 18 ho aggiunto queste tre righe di codice:

if Not System.Io.File.Exists(strFilename) then
strFilename = Server.MapPath("/images/image-not-available.gif")
end if

In questo modo se non trova l'immagine non restituisce l'errore ed utilizza una immagine creata ad hoc (grigia con una scritta ND) che rappresenta l'immagine non disponibile.

Di Alberto (inviato il 05/12/2007 @ 12:29)

# 7

Guarda, ci avevo pensato, ma mi avrebbe costretto a fornire anche un immagine insieme al file. Ho dato per scontato che allo script vengano passate solo immagini esistenti... lo sò, è relativo.

Non modifico lo script ma il tuo commento resta utilite a chi vuole gestire l'eccezione del "file not found".

Grazie! ; - )

Di SimoneRodriguez (inviato il 05/12/2007 @ 12:33)

# 8

Ciao,
solo adesso vedo il tuo codice, complimenti è davvero potentissimo!!!
L'unica cosa è che mi crea un bordino grigio chiaro attorno all'immagine, anche se è impostato il border a 0.
E' possibile eliminare questo bordino?
Grazie mille, e ancora complimenti : - D