[Résolu] Creer et afficher des thumbnail dynamiquement

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu] Creer et afficher des thumbnail dynamiquement

the big ben

Bonjour,

Je voudrait savoir comment je peu afficher dans un ImageButton ou autre (qui me permet la gestion du click) d'afficher un Thumb généré dynamiquement.
J'ai déja ma fonction de création du Thumb qui me renvoi une System.Drawing.Image

Mais je ne sais pas apres comment afficher cette Image... Suis je obligé de l'enregistrer sous forme de fichier?

D'avance merci

Ben

Message édité par the big ben le 02-10-2007 à 16:50:22

Publicité

MagicBuzz

En ASP.NET ou application "en lourd" ?

Voilà ce que je fais en ASP (code .NET 1.1) :

Code :

using System;
using System.Collections;
using System.Drawing;
using System.Drawing.Imaging;
using System.Drawing.Drawing2D;
using System.IO;
using System.Data;
 
namespace bci
{
    public struct ImageEntry
    {
        public string name;
        public DateTime dte;
        public byte[] pict;
    }
 
    public class ImageCache : ArrayList
    {
        public void AddPict(string name, byte[] pict)
        {
            if (this.Count == 4096)
            {
                int minIndex = 0;
                DateTime minDate = DateTime.Now;
 
                for (int i = 0; i < this.Count; i++)
                {
                    if (((ImageEntry)this[i]).dte < minDate)
                    {
                        minDate = ((ImageEntry)this[i]).dte;
                        minIndex = i;
                    }
                }
 
                this.RemoveAt(minIndex);
            }
 
            ImageEntry ie = new ImageEntry();
            ie.dte = DateTime.Now;
            ie.name = name;
            ie.pict = pict;
            this.Add(ie);
        }
 
        public byte[] GetPict(string name)
        {
            foreach (ImageEntry ie in this)
            {
                if (ie.name == name)
                {
                    return ie.pict;
                }
            }
            return null;
        }
    }
 
    /// <summary>
    /// Summary description for showPict.
    /// </summary>
    public class showThb : System.Web.UI.Page
    {
        private Queries commander;
 
        private const float WIDTH = 128;
        private const float HEIGHT = 96;
 
        private void Page_Load(object sender, System.EventArgs e)
        {
            // Ajouter le code pour bloquer si Session vide !
            if (Session.Count == 0 || Session["login"] == null || Session["typtie"] == null || Session["codsoc"] == null)
            {
                Session.Clear();
                Response.Redirect("Default.aspx", true);
            }
 
            // On vérifie que les critères de recherche on bien été remplis
            if (Request.QueryString["chemin_acces"] == null)
            {
                Session.Clear();
                Response.Redirect("Default.aspx", true);
            }
 
            if ((string)Request.QueryString["chemin_acces"] != string.Empty)
            {
                Image thb;
                byte[] cthb = ((ImageCache)Application["thbCache"]).GetPict((string)Request.QueryString["chemin_acces"]);
                if (cthb != null)
                {
                    MemoryStream memStreamc = new MemoryStream();
                    memStreamc.Write(cthb, 0, cthb.Length);
                    thb = Image.FromStream(memStreamc);
                }
                else
                {
                    Image ori = Image.FromFile(MapPath(((string)Request.QueryString["chemin_acces"]).Replace("ap$photo:", @"./MobileCatalogueService/images/" )));
                
                    thb = new Bitmap((int)WIDTH, (int)HEIGHT);
                    Graphics g = Graphics.FromImage(thb);
                
                    float oriRatio = (float)ori.Width / (float)ori.Height;
                    float destRatio = WIDTH / HEIGHT;
 
                    float w, h;
 
                    if ((float)ori.Width > WIDTH || (float)ori.Height > HEIGHT)
                    {
                        if (oriRatio >= destRatio)
                        {
                            w = (float)WIDTH;
                            h = (float)ori.Height * (float)WIDTH / (float)ori.Width;
                        }
                        else
                        {
                            h = (float)HEIGHT;
                            w = (float)ori.Width * (float)HEIGHT / (float)ori.Height;
                        }
                    }
                    else
                    {
                        w = (float)ori.Width;
                        h = (float)ori.Height;
                    }
 
                    g.Clear(Color.Transparent);
 
                    float wo = (WIDTH - w) / 2f;
                    float ho = (HEIGHT - h) / 2f;
 
                    g.DrawImage(ori, wo, ho, w, h);
                    byte[] bthb;
                    MemoryStream memStreamb = new MemoryStream();
                    thb.Save(memStreamb, ImageFormat.Png);
                    bthb = memStreamb.ToArray();
                    ((ImageCache)Application["thbCache"]).AddPict(((string) Request.QueryString["chemin_acces"]), bthb);
                    ori.Dispose(); 
                }
                MemoryStream memStream = new MemoryStream();
                thb.Save(memStream, ImageFormat.Png);
                thb.Dispose();
 
                Response.Clear();
                Response.ContentType="image/png"; 
 
                memStream.WriteTo(Response.OutputStream);
            }
            else
            {
                Image img = new Bitmap(MapPath("medias/sans.jpg" ));
                MemoryStream memStream = new MemoryStream();
 
                img.Save(memStream, ImageFormat.Jpeg);
                img.Dispose(); 
 
                Response.Clear();
                Response.ContentType="image/jpeg"; 
 
                memStream.WriteTo(Response.OutputStream);
            }
        }
 
        private void Page_Unload(object sender, System.EventArgs e)
        {
            try{commander.Close();} catch {};
            commander = null;
        }
 
        #region Web Form Designer generated code
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN: This call is required by the ASP.NET Web Form Designer.
            //
            InitializeComponent();
            base.OnInit(e);
        }
        
        /// <summary>
        /// Required method for Designer support - do not modify
        /// the contents of this method with the code editor.
        /// </summary>
        private void InitializeComponent()
        {    
            this.Load += new System.EventHandler(this.Page_Load);
            this.Unload += new System.EventHandler(this.Page_Unload);
        }
        #endregion
    }
}

=> Je passe par un memorystream avant de faire un BinaryWrite de son contenu (je te mets tout, comme ça t'as aussi la gestion du cache )

Si c'est dans du Windows Forms, je vois pas trop le problème... Tu colles ton objet Image comme image de fond de ton contrôle :??:

the big ben

Mais tu n a pas la possibilité de gerer ton click si tu écrit un memory stream, si?

Et c est pour faire en ASP.Net 2.0

J'essaie de créer un FileManager vu que j ai pas trouvé mon bonheur gratuit

Message édité par the big ben le 02-10-2007 à 14:59:37

MagicBuzz

Hein ? Quel click ?

Ca n'a rien à voir.

Là tu génère une image. Après tu la colles dans le contrôle que tu veux... Oublie le HTML. "Image", en C# comme dans n'importe quel langage, c'est du bête affichage, sans aucune interaction avec l'utilisateur autre que visuelle.

Si tu veux que ça détecte le click, tu colles ton image dans un picturebox auquel tu associes un handler sur l'event click. Mais ça n'a rien à voir avec l'image elle-même.

MagicBuzz

PS : Ma page que tu vois, chez moi s'appelle showthb.aspx

Ensuite, dans ma page d'affichage des thumbs j'ai ça :

Code :

private void bouProListe_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
                ((Image)e.Item.FindControl("thb" )).Attributes.Add("alt", (string)((DataRowView)e.Item.DataItem)["nompro"]);
                if (((string)((DataRowView)e.Item.DataItem)["chemin_acces"]).Trim() != string.Empty)
                {
                    ((Image)e.Item.FindControl("thb" )).Attributes.Add("onclick", "javascript:window.open(\"Picture.aspx?chemin_acces=" + ((string)((DataRowView)e.Item.DataItem)["chemin_acces"]).Trim().Replace("\\", "\\\\" ) + "\", \"Picture\" )" );
                }
                ((Image)e.Item.FindControl("thb" )).ImageUrl = "showThb.aspx?chemin_acces=" + ((string)((DataRowView)e.Item.DataItem)["chemin_acces"]).Trim();
 
[...]

Code :

<asp:Repeater Runat="server" ID="bouProListe">
                            <ItemTemplate>
                                <table class="vignette" border="1" bordercolor="white" cellspacing="0">
                                    <tr>
                                        <td colspan="2" align="center" valign="middle">
                                            <asp:Image Height="96" Width="128" id="thb" Runat="server" /></td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            <asp:Label ID="nompro" Runat="server"></asp:Label></td>
                                    </tr>
[...]

Message édité par MagicBuzz le 02-10-2007 à 15:04:20

MagicBuzz

ps : ouais, c'est très goret mais bon, je découvrais à l'époque, et vu que ça marche... :spamafote:

the big ben

Bon j essaie de faire un mix entre tes fonctions et les miennes

Il me calcul bien mes tailles mais par contre il n'affiche rien grrrr

J'ai donc :

Code :

GetThumbNail(Server.MapPath("~/uploadfile/test_3.jpg" )).WriteTo(Response.OutputStream);

Code :

private MemoryStream GetThumbNail(string fileName)
{
// Bitmap bmp;
int imgWidth = Convert.ToInt32(ConfigurationManager.AppSettings["Thumb_height"]);
int imgHeight = Convert.ToInt32(ConfigurationManager.AppSettings["Thumb_width"]);
System.Drawing.Image bmp = Bitmap.FromFile(fileName);
imgWidth = bmp.Width > imgWidth ? imgWidth : bmp.Width;
imgHeight = bmp.Height > imgHeight ? imgHeight : bmp.Height;
Bitmap retBmp = new Bitmap(imgWidth, imgHeight, System.Drawing.Imaging.PixelFormat.Format64bppPArgb);
Graphics grp = Graphics.FromImage(retBmp);
int tnWidth = imgWidth, tnHeight = imgHeight;
if (bmp.Width > bmp.Height)
tnHeight = (int)(((float)bmp.Height / (float)bmp.Width) * tnWidth);
else if (bmp.Width < bmp.Height)
tnWidth = (int)(((float)bmp.Width / (float)bmp.Height) * tnHeight);
int iLeft = (imgWidth / 2) - (tnWidth / 2);
int iTop = (imgHeight / 2) - (tnHeight / 2);
grp.PixelOffsetMode = PixelOffsetMode.None;
grp.InterpolationMode = InterpolationMode.HighQualityBicubic;
grp.DrawImage(retBmp, iLeft, iTop, tnWidth, tnHeight);
//Pen pn = new Pen(penColor, 1); //Color.Wheat
//grp.DrawRectangle(pn, 0, 0, retBmp.Width - 1, retBmp.Height - 1);
MemoryStream memStreamb = new MemoryStream();
retBmp.Save(memStreamb, ImageFormat.Bmp);
return memStreamb;
}

MagicBuzz

tu appelles bien ta fonction dans une page vide, qui ne contient rien et donc le content-type est euh... image/bmp (pkoi tu bosses en bmp ? )

the big ben

Oui oui ma page est completement vide pour l instant
J ai utilisé Bitmap uniquement pcq j ai rassemblé les idée que j ai trouvé sur le net et essayé d en faire une fonction je ne sais pas par quoi remplacer mon Objet Bitmap...

Par quoi puis je le remplacer?

Je vient de remplacer par:

Code :

private MemoryStream GetThumbNail(string fileName)
{
// Bitmap bmp;
int imgWidth = Convert.ToInt32(ConfigurationManager.AppSettings["Thumb_height"]);
int imgHeight = Convert.ToInt32(ConfigurationManager.AppSettings["Thumb_width"]);
System.Drawing.Image bmp = System.Drawing.Image.FromFile(fileName);
imgWidth = bmp.Width > imgWidth ? imgWidth : bmp.Width;
imgHeight = bmp.Height > imgHeight ? imgHeight : bmp.Height;
System.Drawing.Image retBmp = new Bitmap(imgWidth, imgHeight, System.Drawing.Imaging.PixelFormat.Format64bppPArgb);
Graphics grp = Graphics.FromImage(retBmp);
int tnWidth = imgWidth, tnHeight = imgHeight;
if (bmp.Width > bmp.Height)
tnHeight = (int)(((float)bmp.Height / (float)bmp.Width) * tnWidth);
else if (bmp.Width < bmp.Height)
tnWidth = (int)(((float)bmp.Width / (float)bmp.Height) * tnHeight);
int iLeft = (imgWidth / 2) - (tnWidth / 2);
int iTop = (imgHeight / 2) - (tnHeight / 2);
grp.PixelOffsetMode = PixelOffsetMode.None;
grp.InterpolationMode = InterpolationMode.HighQualityBicubic;
grp.DrawImage(retBmp, iLeft, iTop, tnWidth, tnHeight);
//MemoryStream memStreamb = new MemoryStream();
retBmp.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg);
return null;
}

Message édité par the big ben le 02-10-2007 à 15:39:56

MagicBuzz

Nan c'était à propos du "ImageFormat.Bmp"

Sinon, accessoirement, à moins que tes thb soient carrées, ton test "if (bmp.Width > bmp.Height)" n'est pas bon, il faut passer par test sur le ration width/height à la place.

Et essaie de faire un Response.BinaryWrite() plutôt qu'un save dans le outputstream (à mon avis il est écrasé par les méthodes de base)

Publicité

the big ben

oui mais pour l instant si mon image est déformée je m en fout encore pas mal si j ai qq chose se serait déja bien

Avec mon code précédent j obtient juste en carré noir => bof

et idem en mettant

Code :

MemoryStream memStreamb = new MemoryStream();
retBmp.Save(memStreamb, System.Drawing.Imaging.ImageFormat.Jpeg);
Response.BinaryWrite(memStreamb.ToArray());

Message édité par the big ben le 02-10-2007 à 15:59:13

the big ben

Ow un miracle!

en repartant de ton code:

Code :

private void GetThumbNail(string fileName)
{
int WIDTH = Convert.ToInt32(ConfigurationManager.AppSettings["Thumb_height"]);
int HEIGHT = Convert.ToInt32(ConfigurationManager.AppSettings["Thumb_width"]);
System.Drawing.Image thb;
System.Drawing.Image ori = System.Drawing.Image.FromFile(fileName);
thb = new Bitmap((int)WIDTH, (int)HEIGHT);
Graphics g = Graphics.FromImage(thb);
float oriRatio = (float)ori.Width / (float)ori.Height;
float destRatio = WIDTH / HEIGHT;
float w, h;
if ((float)ori.Width > WIDTH || (float)ori.Height > HEIGHT)
{
if (oriRatio >= destRatio)
{
w = (float)WIDTH;
h = (float)ori.Height * (float)WIDTH / (float)ori.Width;
}
else
{
h = (float)HEIGHT;
w = (float)ori.Width * (float)HEIGHT / (float)ori.Height;
}
}
else
{
w = (float)ori.Width;
h = (float)ori.Height;
}
g.Clear(Color.Transparent);
float wo = (WIDTH - w) / 2f;
float ho = (HEIGHT - h) / 2f;
g.DrawImage(ori, wo, ho, w, h);
MemoryStream memStreamb = new MemoryStream();
thb.Save(memStreamb, ImageFormat.Png);
ori.Dispose();
memStreamb.WriteTo(Response.OutputStream);
}

MagicBuzz

déjà, bosse en 32 bits, ça sera suffisant

ensuite, t'as peut-être simplement un problème avec ton drawimage.

commence déjà par :
1/ charger ton image sans la déformer
2/ la dessiner dans une image de la même taille
3/ la coller en binarywrite

si ça marche, tu peux commencer à redimensionner

mais le mieux c'est de faire étape par étape, ça permet de trouver les erreurs plus facilement

the big ben

Et ensuite si je veut inclure le contenu de mon memStreamb dans mon ImageButton parmis d autres controles, il y a moyen ?

Message édité par the big ben le 02-10-2007 à 16:05:15

MagicBuzz

enregistre ton truc sous le nom de "mapititenimagequivabien.aspx/mapititenimagequivabien.aspx.cs"

et dans ta page "mapititelistequivabien.aspx.cs" tu colles un :

Code :

monpitiImageButtonQuiVaBien.BackgroundImage = "mapititenimagequivabien.aspx?pict=toto.jpg";

Message édité par MagicBuzz le 02-10-2007 à 16:11:48

MagicBuzz

(backgroundimage ou je sais plus quelle propriété... celle qui permet d'associer une image à ton bouton quoi...)

the big ben

Génial un tout tout grand merci pour ton aide... et ta patience

FORUM HardWare.fr

Programmation

C#/.NET managed

[Résolu] Creer et afficher des thumbnail dynamiquement

Sujets relatifs
[Résolu] Erreur de collation	[résolu] Utilisation de List dans "Yet Another Haskell Tutorial"
Album photos et commentaires	[Résolu] Javascript Rajout de td en chaine dans un tableau
afficher valeur checkbox dans champ de saisie	req sql Max(id) + GROUP/[RESOLU]
Créer un script permettant de lister dossier et sous-dossiers	creer dossier automatiquement a partir des tags
qui pourrait me creer une intro flash pour mon site ?	[RESOLU] Comment faire un echo sans retour chariot sous unix ?
Plus de sujets relatifs à : [Résolu] Creer et afficher des thumbnail dynamiquement

Page générée en 0.151 secondes