Consiglio Upload + ridimensionamento immagine

scegli un altro forum

Pagine (5): [ 1 2 3 4 5 > ]

Indietro Ricarica Avanti

Autore

Discussione

Pierhagi
Utente di HTML.it

Registrato il: May 2003

Provenienza:

Messaggi: 682

ICQ:

MSN:

Skype:

Consiglio Upload + ridimensionamento immagine

Ciao a tutti

devo realizzare un upload con ridimensionamento immagine sia di "peso" che misure, di 2 o + immagini, per il mio sito in ASP ma visto che ho un server Win 2003 ho letto che potrei farlo in asp.net.

Ho letto articoli in rete ma c'è ne sn molti e nn capisco quale è meglio utilizzare.
Me ne consigliate uno?

Grazie!

Pier

Segnala ad un moderatore | IP: Collegato | Permalink

12-11-2007 09:44

Clicca qui per inviare all'utente Pierhagi un messaggio privato

Visualizza ulteriori messaggi scritti dall'utente Pierhagi

Aggiungi l'utente Pierhagi alla tua lista degli utenti amici

R.B. Riddick
Utente di HTML.it

Registrato il: Dec 2004

Provenienza: ex. Pianeta Furia

Messaggi: 234

ICQ :

MSN :

Skype :

Bastava fare prima una ricerca nel forum

Qui trovi qualcosa da cui partire...
se hai difficoltà a modificare lo script fammi un fischio

PS : ovviamente in questo post... di là è diventato troppo caotico.

__________________
Richard B. Riddick : "Non avrete mica paura del buio?"

Scusatemi ma sono mesi che non pago piu' la bolletta della luce....

Segnala ad un moderatore | IP: Collegato | Permalink

12-11-2007 12:22

Clicca qui per inviare all'utente R.B. Riddick un messaggio privato

Visita l'homepage dell'utente R.B. Riddick

Visualizza ulteriori messaggi scritti dall'utente R.B. Riddick

Aggiungi l'utente R.B. Riddick alla tua lista degli utenti amici

R.B. Riddick
Utente di HTML.it

Registrato il: Dec 2004

Provenienza: ex. Pianeta Furia

Messaggi: 234

ICQ :

MSN :

Skype :

resonup.aspx

Anzi ti posto qui il codice che fa solo l'upload e ridimensiona al volo le immagini levando tutto
il resto del codice che serviva per un'altro utente...
Vediamo di modificarlo per il tuo scopo

codice PHP:



<%@ Page Language="C#" LCID=1040 Debug="true" Trace="false" %>

<%@ Import Namespace="System" %>

<%@ Import Namespace="System.IO" %>

<%@ Import Namespace="System.Data" %>

<%@ Import Namespace="System.Drawing" %>

<%@ Import Namespace="System.Drawing.Imaging" %>

<%@ Import Namespace="System.Drawing.Drawing2D" %>

<%@ Import Namespace="System.Globalization" %>

<%@ Import Namespace="System.Web.UI.HtmlControls" %>



<script Language="C#" runat="server" src="resonup.cs"/>



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

<html>

<head>

  <link rel="icon" href="favicon.ico" type="image/x-icon">

  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

  <title><asp:Literal id="titletext" runat="server"/></title>

  <style type="text/css">

  body

   {

     background:#2288DD;

   }

  a:link

   {

    color: Blue;

    text-decoration: none;

   }

  a:active

   {

    color: Blue;

    text-decoration: none;

   }

  a:visited

   {

    color: Blue;

    text-decoration: none;

   }

  a:hover

   {

    color: Blue;

    font-weight: bold;

    text-decoration: none;

   }

div#error

    {

     color: Red;

     font-weight: bold;

     text-decoration: underline;

     white-space: normal;

    }



  </style>

</head>



<body>



   <div align="center">

   <h2><asp:Literal id="titletext2" runat="server"/></h2>

    <form name="inviafile" id="inviafile" enctype="multipart/form-data" runat="server"><br>

     Select File1:&nbsp;

     <input id="File1" type="file" runat="Server"/><br>

     Select File2:&nbsp;

     <input id="File2" type="file" runat="Server"/><br>

     Select File3:&nbsp;

     <input id="File3" type="file" runat="Server"/><br>

     Select File4:&nbsp;

     <input id="File4" type="file" runat="Server"/><br>

     Select File5:&nbsp;

     <input id="File5" type="file" runat="Server"/><br>

     Select File6:&nbsp;

     <input id="File6" type="file" runat="Server"/><br>

     Select File7:&nbsp;

     <input id="File7" type="file" runat="Server"/><br>

     Select File8:&nbsp;

     <input id="File8" type="file" runat="Server"/><br>

     Select File9:&nbsp;

     <input id="File9" type="file" runat="Server"/><br>

     Select File10:&nbsp;

     <input id="File10" type="file" runat="Server"/><br><br>

     <div align="center"><input id="Submit1" type="submit" value="Upload Files" runat="Server" onserverclick="SubmitButton_Click"/></div>

     <br>

     <asp:Label id="Status" runat="server"></asp:Label>       

    </form>

   </div>

</body>

</html>

__________________
Richard B. Riddick : "Non avrete mica paura del buio?"

Scusatemi ma sono mesi che non pago piu' la bolletta della luce....

Segnala ad un moderatore | IP: Collegato | Permalink

12-11-2007 12:29

R.B. Riddick
Utente di HTML.it

Registrato il: Dec 2004

Provenienza: ex. Pianeta Furia

Messaggi: 234

ICQ :

MSN :

Skype :

resonup.cs

codice PHP:



void Page_Load(object sender, System.EventArgs e)

  {

   titletext2.Text = titletext.Text = "&quot;Upload & Resample On-Fly, delle immagini inviate, su di una cartella del Server&quot; [v.1.2.0]";

   Status.Text += "";

  } // void Page_Load(object sender, System.EventArgs e)

  

  

 bool IsImage(string fileName)

 {

  string ext = Path.GetExtension(fileName).ToLower();

  bool imageFlag = false;



  if (ext != null)

   {

    switch (ext)

     {

      case ".emf" : // Enhanced Windows metafile image format

      case ".exif" : // Exchangable Image Format

      case ".ico" : // Windows icon image format (extension .ico)

      case ".wmf" : // Windows metafile image format (extension .wmf)

      case ".png" : // Specifies the W3C Portable Network Graphics image format (extension .png)

      case ".gif" : // Graphics Interchange Format image format (extension .gif)

      case ".bmp" : //Bitmap image format (extension .bmp)

      case ".tiff" : // Tag Image File Format (extension .tif)

      case ".tif" : // Tag Image File Format (extension .tif)

      case ".jpeg" : // Joint Photographic Experts Group image format (extensions .jpg, .jpeg)

      case ".jpg" : imageFlag = true; break; // Joint Photographic Experts Group image format (extensions .jpg, .jpeg)



      default: imageFlag = false; break;  // Not a supported file type.

     } // switch (ext)

   } // if (ext != null)

  else

   imageFlag = false;



  return imageFlag;

 } // bool IsImage(string fileName)



void UploadAndResizeAnImage(HttpPostedFile file, double newWidth, double newHeight, string virPath, bool overwrite)

  {

   string destPath = ".";

   double ThumbnailWidth = 64.0;

   double ThumbnailHeight = 64.0;

   bool owr = false;

   bool exist = false;



   if (virPath != "") destPath = virPath;

   if (newWidth > 0) ThumbnailWidth = newWidth;

   if (newHeight > 0) ThumbnailHeight = newHeight;

   if (overwrite)

    owr = true;

   else

    owr = false;



   int pathCheck = (destPath.Substring(destPath.LastIndexOf('/') + 1)).Length;

   if (pathCheck > 0) destPath += "/";



   string fileName = Path.GetFileName(file.FileName);

   string estensione = Path.GetExtension(file.FileName).ToLower();

   double orgImgWidth = 0.0;

   double orgImgHeight = 0.0;

   double rThumbnailWidth = 0.0;

   double rThumbnailHeight = 0.0;

   

   ImageCodecInfo[] imgCodec = ImageCodecInfo.GetImageEncoders();

   EncoderParameters encPars = new EncoderParameters(2);

   EncoderParameter encPar1 = new EncoderParameter( System.Drawing.Imaging.Encoder.Quality, 100L );

   EncoderParameter encPar2 = new EncoderParameter( System.Drawing.Imaging.Encoder.Compression, 100L );

   

   encPars.Param[0] = encPar1;

   encPars.Param[1] = encPar2;



   destPath = Server.MapPath(destPath);

   exist = File.Exists(destPath + fileName);

   

   if (!exist && (fileName.Length != 0) || owr)

    {

     if (!IsImage(fileName))

      {

       if (fileName.Length != 0)

         Status.Text += "<span style=\"color:Red;\">File '" + fileName + "' is not a valid image format. Upload... Aborted.</span><br>";

       return;

      } // if (!IsImage(fileName))



    

     using(System.Drawing.Image image = System.Drawing.Image.FromStream(file.InputStream))

      {

       rThumbnailWidth = ThumbnailWidth;

       rThumbnailHeight = ThumbnailHeight;

       orgImgWidth = image.Width;

       orgImgHeight = image.Height;

       

       // Se l'immagine è più piccola del Thumbnail forziamo le dimensioni di

       // quest'ultimo alle dimensioni dell'immagine.

       if (orgImgWidth < rThumbnailWidth) rThumbnailWidth = image.Width;

       if (orgImgHeight < rThumbnailHeight) rThumbnailHeight = image.Height;

       

       // Se le dimensioni dell'immagine e del Thumbnail corrispondono non facciamo nulla.

       // quindi se l'immagine è quadrata...

       if (image.Width != image.Height)

        {

         // Se l'immagine non è quadrata

         // continuiamo a fare i nostri controlli per calcolarne le

         // giuste dimensioni e quindi creare la nostra nuova immagine con

         // l'aspectratio corretto.

        

         // Se l'immagine è più larga che alta

         if (image.Width > image.Height)

          {

           // L > H => L = tL

           // La larghezza del TN sarà quella da noi stabilita

           // quindi dobbiamo solo assegnarla.

           rThumbnailWidth = rThumbnailWidth;

           // L'altezza del TN invece dovrà essere ricalcolata

           // in proporzione alla larghezza dell'immagine originale.

           // L > H => tH = (H * tL)/ L

           rThumbnailHeight = (double)((image.Height * rThumbnailWidth) / image.Width);

          } // if (tmpImage.Width > tmpImage.Height)

         else

          {

           // Altrimenti se l'immagine è più alta

           if (image.Width < image.Height)

            {

             // L < H => H = tH

             // L'altezza del TN sarà quella da noi stabilita

             // quindi dobbiamo solo assegnarla.

             rThumbnailHeight = rThumbnailHeight;

             // La larghezza del TN invece dovrà essere ricalcolata

             // in proporzione alla altezza dell'immagine originale.

             // L < H => tL = (L * tH)/ H

             rThumbnailWidth = (double)((image.Width * rThumbnailHeight) / image.Height);

            } // if (image.Width < image.Height)

          } // else

        } // if (image.Width != image.Height)



       using(Bitmap bitmap = new Bitmap(image, (int)(rThumbnailWidth), (int)(rThumbnailHeight)))

        {

         string message = "Uploaded";

         if (exist && owr)

           {

           message = "OverWritted";

           try

            {

             File.Delete(destPath + fileName);    

            }

           catch(IOException ioe)

            {

               message = "<div id=\"error\">Error: " + ioe.GetType().Name + ": The write operation could not  be performed because the specified part of the file is locked. Not OverWritted</div>";

            }

          } // if (exist && owr)



         if ((estensione == ".jpg") || (estensione == ".jpeg"))

          bitmap.Save(destPath + fileName, imgCodec[1], encPars);

         else

          bitmap.Save(destPath + fileName, image.RawFormat);



         Status.Text += "<span style=\"color:Green;\">File '" + fileName + " &#64; [" + (int)(orgImgWidth) + "px X " + (int)(orgImgHeight) + "px]' " + message + " with this new size [" + (int)(rThumbnailWidth) + "px X " + (int)(rThumbnailHeight) + "px]</span><br>";

        } // using(Bitmap bitmap = new Bitmap(image, (int)(rThumbnailWidth), (int)(rThumbnailHeight)))

      } // using(Image image = Image.FromFile(file))

    } // if (!exist && (fileName.Length != 0) || owr)

   else

    {

     if (exist && (!owr))

        Status.Text += "<span style=\"color:Red;\">Error : The file \"<u><b><i>" + fileName + "</i></b></u>\" already exist... Upload Aborted.</span><br>";

    }

  } //  void UploadAndResizeAnImage(HttpPostedFile file, double newWidth, double newHeight, string virPath, bool overwrite)

  

protected void SubmitButton_Click(Object sender, EventArgs e)

{

  HttpFileCollection uploadedFiles = Request.Files;



  for (int i = 0; i < uploadedFiles.Count; i ++)  

   {

    // Qui sotto definisci le dimensioni che vuoi, la cartella di destinazione

    // e se l'applicazione deve sovrascrivere o no i files preesistenti.

    //

    // UploadAndResizeAnImage(HttpPostedFile file, double newWidth, double newHeight, string virPath, bool overwrite)

    //

    // Quindi  se scrivo come qui sotto :



    UploadAndResizeAnImage(uploadedFiles[i], 1024.0, 768.0, "./foto/", true);

    // significa che voglio che ogni immagine inviata (uploadedFiles[i])

    // venga ridimensionata a 1024x768 (tenendo conto però delle proporzioni originali)

    // e che se il file esiste non deve essere sovrascritto (overwrite = false).

    // Chiaro? Più di così <img src="images/smilies/blink.gif" border="0" alt="">



    // Vogliamo pure i Thumbnails??? allora aggiungiamo, sempre in questo ciclo for :

    UploadAndResizeAnImage(uploadedFiles[i], 150.0, 150.0, "./miniature/", true);

    // significa che voglio che ogni immagine inviata (uploadedFiles[i])

    // venga ridimensionata a 150x150 (tenendo conto però delle proporzioni originali)

    // e che se il file esiste non deve essere sovrascritto (overwrite = false).

    

   }

   

  Status.Text += "<br><center><pre>Coded by <a href=\"http://forum.html.it/forum/member.php?s=&action=getinfo&userid=83362\" title=\"R.B.Riddick\" target=\"blank\">R.B.Riddick &copy;</a><br> on <br><a href=\"http://www.html.it\" target=\"_blank\">html.it</a></pre></center>";

  Status.Text += "<p><a href=\"http://validator.w3.org/check?uri=referer\" target=\"blank\"><img src=\"http://www.w3.org/Icons/valid-html401\" alt=\"Valid HTML 4.01 Transitional\" height=\"31\" width=\"88\" border=\"0\"></a></p>";

} // protected void SubmitButton_Click(Object sender, EventArgs e)

__________________
Richard B. Riddick : "Non avrete mica paura del buio?"

Scusatemi ma sono mesi che non pago piu' la bolletta della luce....

Segnala ad un moderatore | IP: Collegato | Permalink

12-11-2007 12:36

Pierhagi
Utente di HTML.it

Registrato il: May 2003

Provenienza:

Messaggi: 682

ICQ :

MSN :

Skype :

Ciao R.B. Riddick

grazie x l'aiuto!

...scusa mi sono dimenticato di scrivere sul post che l'upload deve scrivere il percorso delle immagini sul db. E' possbile modificarlo in tal senso?

Pier

Segnala ad un moderatore | IP: Collegato | Permalink

12-11-2007 13:00

R.B. Riddick
Utente di HTML.it

Registrato il: Dec 2004

Provenienza: ex. Pianeta Furia

Messaggi: 234

ICQ :

MSN :

Skype :

Certamente!
Però :

1) che DB?? MySql o Access???
2) che dati deve inserire nel DB?

Aspetto tua risposta... visto che dallo script o tolto
proprio quelle parti

Comunque se consulti l'altro post trovi tutto ciò che
ho rimosso da qui.

__________________
Richard B. Riddick : "Non avrete mica paura del buio?"

Scusatemi ma sono mesi che non pago piu' la bolletta della luce....

Segnala ad un moderatore | IP: Collegato | Permalink

12-11-2007 13:05

Pierhagi
Utente di HTML.it

Registrato il: May 2003

Provenienza:

Messaggi: 682

ICQ :

MSN :

Skype :

Access ...spero che non sia un problema!

Segnala ad un moderatore | IP: Collegato | Permalink

12-11-2007 13:07

R.B. Riddick
Utente di HTML.it

Registrato il: Dec 2004

Provenienza: ex. Pianeta Furia

Messaggi: 234

ICQ :

MSN :

Skype :

beh... per me è 'na rottura .... comunque....
dimmi cosa devi inserire nel DB e si può vedere come fare

__________________
Richard B. Riddick : "Non avrete mica paura del buio?"

Scusatemi ma sono mesi che non pago piu' la bolletta della luce....

Segnala ad un moderatore | IP: Collegato | Permalink

12-11-2007 13:32

Pierhagi
Utente di HTML.it

Registrato il: May 2003

Provenienza:

Messaggi: 682

ICQ :

MSN :

Skype :

vorrei salvare il percorso delle immagini su db e le immagini salvarle in una cartella ad es. la cartella upload.

Segnala ad un moderatore | IP: Collegato | Permalink

12-11-2007 13:47

R.B. Riddick
Utente di HTML.it

Registrato il: Dec 2004

Provenienza: ex. Pianeta Furia

Messaggi: 234

ICQ :

MSN :

Skype :

Citazione:

Originariamente inviato da Pierhagi
vorrei salvare il percorso delle immagini su db e le immagini salvarle in una cartella ad es. la cartella upload.

Fai esempio di percorso e casomai elenca i campi del DB e il loro tipo.
Poi vedrò come posso aiutarti....

A proposito che dimensione devono avere max le immagini????
(1024x768, 800x600,etc...) non in kb... per quello urge modifica
dello script stesso e non so se con il poco tempo che ho riesco a
fartelo.

Ciao!

__________________
Richard B. Riddick : "Non avrete mica paura del buio?"

Scusatemi ma sono mesi che non pago piu' la bolletta della luce....

Ultima modifica ad opera dell'utente R.B. Riddick il 12-11-2007 alle 14:12

Segnala ad un moderatore | IP: Collegato | Permalink

12-11-2007 14:06

Pierhagi
Utente di HTML.it

Registrato il: May 2003

Provenienza:

Messaggi: 682

ICQ :

MSN :

Skype :

ti dico subito che l'upload mi serve proprio per ridimensionare le immagini "KB". Sto creando un sito x un vivaio e ho l'esigenza di far inserire + di 1500 se non 2000 foto. Proprio x evitare molti passaggi avrei necessità di questo script.

Per quanto riguarda il db, faccio così:

di solito creo questi campi (ad es. se faccio l'inserimento di una scheda di un fiore i campi potrebbero essere questi):

Id_articolo
Nome
Descrizione
Data inserimento
Categoria
Img_1_Tmb (immagine miniatura)
Img_1 (immagine grande)

Nei due campi dedicati all'immagine faccio scrivere così:

"/upload/img_tmb01.jpg" e quindi "/upload/img_01.jpg"

questa volta però vorrei aggiungerne una seconda foto se non tre per dare altri particolare dell'articolo, quindi i campi diventerebbero così:

"Img_1_Tmb" e "Img_1" , "Img_2_Tmb" e "Img_2" , "Img_3_Tmb" e "Img_3"

La dimensione dell'immagine ti dico 1024x768 anche se non ho preferenza magari poi con uno script faccio visualizzare la foto in popup diciamo "dinamico"!

Pier

Segnala ad un moderatore | IP: Collegato | Permalink

12-11-2007 14:42

R.B. Riddick
Utente di HTML.it

Registrato il: Dec 2004

Provenienza: ex. Pianeta Furia

Messaggi: 234

ICQ :

MSN :

Skype :

Citazione:

Originariamente inviato da Pierhagi
ti dico subito che l'upload mi serve proprio per ridimensionare le immagini "KB". Sto creando un sito x un vivaio e ho l'esigenza di far inserire + di 1500 se non 2000 foto. Proprio x evitare molti passaggi avrei necessità di questo script.

Per quanto riguarda il db, faccio così:

di solito creo questi campi (ad es. se faccio l'inserimento di una scheda di un fiore i campi potrebbero essere questi):

Id_articolo
Nome
Descrizione
Data inserimento
Categoria
Img_1_Tmb (immagine miniatura)
Img_1 (immagine grande)

Nei due campi dedicati all'immagine faccio scrivere così:

"/upload/img_tmb01.jpg" e quindi "/upload/img_01.jpg"

questa volta però vorrei aggiungerne una seconda foto se non tre per dare altri particolare dell'articolo, quindi i campi diventerebbero così:

"Img_1_Tmb" e "Img_1" , "Img_2_Tmb" e "Img_2" , "Img_3_Tmb" e "Img_3"

La dimensione dell'immagine ti dico 1024x768 anche se non ho preferenza magari poi con uno script faccio visualizzare la foto in popup diciamo "dinamico"!

Pier

Per quanto riguarda lo script NON ridimensiona l'immagine in base ai suoi KB ma in base
alle sue dimensioni massime specificate dall'utente... ridimensionare per KB sarebbe un bel
casino... credimi.

Nel DB io farei così :

Id_articolo
Nome
Descrizione
Data inserimento
Categoria
Images (lista dei nomi delle Thumbnails separate dal carattere "|")

nel sito crei una cartella ./upload/ ed una sottocartella ./upload/tmbs/

Inserisci tramite il form di questo script, aggiungendoli, tutti i valori
Nome, Descrizione, Data Inserimento (in automatico con DateTime.Now()), Categoria
e sotto sfogli i file sul tuo PC e quando hai fatto dai upload.

Nella parte di codice per effettuare l'upload ripeschi i dati inseriti e li inserisci
nel DB mentre i nomi delle immagini le inserisci tutte assieme in un campo di tipo
Memo e li separi da un carattere inutilizzabile nel nome dei file "|".
Quando dovrai prendere i dati dal DB visualizzerai i dati delle info e tutte le
thumbnails delle varie immagini inserite nel campo images.

Questa potrebbe essere un'idea....
poi il percorso non è necessario memorizzarlo... ti basta il nome poi,
cerchi se il file "xxx.yyy" esiste nella cartella "./upload/tmbs/" e se la ricerca
è affermativa visualizzi la thumbnails con linkato l'immagine ad alta risoluzione
e per farlo ti basterà specificare come percorso della stessa "./upload/" e il
nome della tmbs... visto che separandole in cartelle diverse potranno avere
lo stesso nome

Se l'idea ti può interessare si può vedere di fare qualcosa.
Fammi sapere.

__________________
Richard B. Riddick : "Non avrete mica paura del buio?"

Scusatemi ma sono mesi che non pago piu' la bolletta della luce....

Segnala ad un moderatore | IP: Collegato | Permalink

12-11-2007 15:06

Pierhagi
Utente di HTML.it

Registrato il: May 2003

Provenienza:

Messaggi: 682

ICQ :

MSN :

Skype :

Ciao R.B. Riddick

grazie x l'aiuto ma ho la necessità di creare un upload che integra un resize image sia di dimensioni che di file (KB).

Se x te è un problema non importa... non voglio farti perdere tempo.

Cmq grazie ancora x l'interessamento.

Pier

Segnala ad un moderatore | IP: Collegato | Permalink

13-11-2007 15:55