Afficher Image binaire depuis BDD C# asp.net

**christopher05** · 15/04/2013, 10h34

Bonjour,

Voila plusieurs heures que j'essaye d'afficher une image depuis une BDD sans l'enregistrer sur le client ou le serveur.

J'ai donc créer un Handler.ashx:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
 
public ConnexionSQL connec = new ConnexionSQL();
    private string CONNEXION_SQL_Reference;
 
 
    public void ProcessRequest (HttpContext context) {
        HttpRequest request = context.Request;
        HttpServerUtility server = context.Server;
        context.Response.ContentType = "image/jpeg";
        CONNEXION_SQL_Reference = connec.ConnexionEcommerce();
        if (context.Request.QueryString["imgId"] != null)
        {
            string imgId = "";
            imgId = context.Request.QueryString["imgId"];
 
            byte[] tab = GetImageFromDB(imgId);
 
            MemoryStream memoryStream = new MemoryStream(tab, false);
            System.Drawing.Image imgFromGB = System.Drawing.Image.FromStream(memoryStream);
            imgFromGB.Save(context.Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg);
 
        }
 
    }
 
    private byte[] GetImageFromDB(string serie)
    {
 
         byte[] imageBytes = null;
 
        try
        {
 
            System.Data.SqlClient.SqlConnection myConnection2 = new System.Data.SqlClient.SqlConnection();
            myConnection2.ConnectionString = CONNEXION_SQL_Reference;
 
            myConnection2.Open();
            System.Data.SqlClient.SqlCommand myCommand2 = new System.Data.SqlClient.SqlCommand("SELECT [NumSerie],[Image],[NomImage] FROM [BDD].[dbo].[Img] where [NumSerie]='" + serie + "'", myConnection2);
 
            System.Data.SqlClient.SqlDataReader myReader3 = null;
            myReader3 = myCommand2.ExecuteReader();
 
 
            myReader3.Read();
           imageBytes = (byte[])myReader3["Image"];
 
 
 
            myConnection2.Close();
 
            return imageBytes;
        }
        catch (Exception ex)
        {
            return null;
        }
        finally
        {
 
        }
    }
 
    public bool IsReusable {
        get {
            return true;
        }
    }

Puis depuis ma page aspx :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
 <asp:Image ID="imgProfile" Visible="true" runat="server" />
  imgProfile.ImageUrl = "~/Account/Handler.ashx?imgid=" + serie;

Mon problème est que j'ai l'erreur invalid Parameter sur cette ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
 System.Drawing.Image imgFromGB = System.Drawing.Image.FromStream(memoryStream);

Merci pour votre aide

**DotNetMatt** · 15/04/2013, 11h17

Les lignes 18 à 20 de ton premier bloc de code ne servent à rien, puisque tu as déjà récupéré ton image juste avant, dans la variable "tab"

Je pense que si tu remplaces ces 3 lignes (18 à 20) par cette ligne : context.Response.BinaryWrite(tab);, ça devrait suffire.

**christopher05** · 15/04/2013, 12h24

Merci je viens de tester mais l'image ne s'affiche pas.
J'ai vérifié est ma requête est bonne ainsi que le paramètre passé en get, voici mon nouveau code avec ton avis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
public void ProcessRequest (HttpContext context) {
        HttpRequest request = context.Request;
        HttpServerUtility server = context.Server;
        context.Response.ContentType = "image/jpeg";
        CONNEXION_SQL_Reference = connec.ConnexionEcommerce();
        if (context.Request.QueryString["imgId"] != null)
        {
            string imgId = "";
            imgId = context.Request.QueryString["imgId"];
 
            byte[] tab = GetImageFromDB(imgId);
 
            context.Response.BinaryWrite(tab);
 
        }
 
    }

**DotNetMatt** · 15/04/2013, 13h32

OK, ne touche plus à cette méthode ProcessRequest. Il y a un souci semble-t-il dans ton autre méthode, la voici, j'en ai profité pour la réécrire au passage :

Code C# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
private byte[] GetImageFromDB(string serie)
{
    byte[] imageBytes = null;
    using (var conn2 = new System.Data.SqlClient.SqlConnection(CONNEXION_SQL_Reference))
    {
        conn2.Open();
 
        var query = "SELECT [NumSerie], [Image], [NomImage] FROM [BDD].[dbo].[Img] WHERE [NumSerie]=@Serie";        
        using (var cmd2 = new System.Data.SqlClient.SqlCommand(query, conn2))
        {
            cmd2.Parameters.AddWithValue("@Serie", serie);
            using (var dr3 = cmd2.ExecuteReader())
            {
                while (dr3.Read())
                {
                    if (dr3["Image"] != DBNull.Value)
                    {
                        imageBytes = (byte[])dr3["Image"];
                    }
                }
            }
        }
    }
 
    return imageBytes;
}

Tu noteras plusieurs changements :

Utilisation de blocs using. Ils permettent de mieux gérer la libération des ressources, y compris en cas d'erreur. Voir la Référence MSDN.

Utilisation d'une requête paramétrée, afin d'éviter notamment les injections SQL.

Il faut utiliser une boucle while (dr3.Read()).

**christopher05** · 15/04/2013, 14h40

Merci pour ton aide j'ai essayé ta méthode mais j'ai toujours le même problème l'image ne s'affiche pas (cela ne viendrait pas de IE10?)

**DotNetMatt** · 15/04/2013, 14h49

Met un point d'arrêt sur cette ligne : byte[] tab = GetImageFromDB(imgId);. Est-ce que "tab" contient quelque chose ?

Second test à faire, si tu vas directement sur l'URL de ton handler, est-ce que l'image s'affiche ?

**christopher05** · 15/04/2013, 15h05

Tab contient bien quelquechose.

Quand j'affiche la page directement, j'ai

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 System.Byte[]

qui s'affiche

**DotNetMatt** · 15/04/2013, 15h24

Bizarre, j'ai fait un petit projet et ça fonctionne bien chez moi...

Peux-tu poster plus de code ?

**christopher05** · 15/04/2013, 15h31

Quel parti du code veux-tu?

**DotNetMatt** · 15/04/2013, 15h33

Là où tu fais imgProfile.ImageUrl = "~/Account/Handler.ashx?imgid=" + serie;.

Au passage, es-tu sûr de passer sur cette ligne ?

**christopher05** · 15/04/2013, 15h36

Voila:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
  System.Data.SqlClient.SqlConnection myConnection2 = new System.Data.SqlClient.SqlConnection();
            myConnection2.ConnectionString = CONNEXION_SQL_Reference;
 
            imgProfile.ImageUrl = "~/Account/Handler.ashx?imgId=" + serie.Replace(" "," ");

Ensuite oui j'en suis sur avec le pas à pas j'y rentre bien.

**DotNetMatt** · 15/04/2013, 15h47

Dans le cycle de vie de ta page ASP.NET, à quel moment est-ce que tu passes sur imgProfile.ImageUrl = "~/Account/Handler.ashx?imgId=" + serie.Replace(" "," "); ? Est-ce dans le Page_Load ?

A quoi ça sert le replace(" ", " "), puisque ça remplace un espace par un espace ?

**christopher05** · 15/04/2013, 15h55

J'appel ma fonction dans le Page_Load.

Sinon le remplace me sert à enlever le code html correspondant à l'espace qui est converti automatiquement dans ce forum.

**DotNetMatt** · 15/04/2013, 16h11

Ok, je suis perplexe. Voici le code que j'utilise pour le Handler :

Code C# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class PictureHandler : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        CONNEXION_SQL_Reference = connec.ConnexionEcommerce();
        if (!string.IsNullOrEmpty(context.Request.QueryString["imgid"]))
        {
            var imgId = Convert.ToInt32(context.Request.QueryString["imgid"]);
 
            byte[] tab = GetImageFromDB(imgId);
 
            context.Response.ContentType = "image/jpeg";
            context.Response.BinaryWrite(tab);
        }
    }
 
    private byte[] GetImageFromDB(int id)
    {
        byte[] imageBytes = null;
        using (var conn2 = new System.Data.SqlClient.SqlConnection(CONNEXION_SQL_Reference))
        {
            conn2.Open();
 
            var query = "SELECT [NumSerie], [Image], [NomImage] FROM [BDD].[dbo].[Img] WHERE [NumSerie]=@Serie";
            using (var cmd2 = new System.Data.SqlClient.SqlCommand(query, conn2))
            {
                cmd2.Parameters.AddWithValue("@Serie", id);

                using (var dr3 = cmd2.ExecuteReader())
                {
                    while (dr3.Read())
                    {
                        if (dr3["Image"] != DBNull.Value)
                        {
                            imageBytes = (byte[])dr3["Image"];
                        }
                    }
                }
            }
        }
 
        return imageBytes;
    }
 
    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}

Si je vais sur ce Handler directement avec le navigateur, IE n'affiche rien, par contre sous Chrome et Firefox l'image s'affiche correctement.

Idem dans ma page ASPX, avec ce code :

Code ASPX :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <asp:Image ID="picone" runat="server" />
            </div>
        </form>
    </body>
</html>

et dans le code behind :

Code C# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
protected void Page_Load(object sender, EventArgs e)
{
    var serie = 1;
    imgProfile.ImageUrl = "~/Account/Handler.ashx?imgId=" + serie;
}

Ca, ça fonctionne bien. Donc je ne vois pas où se situe ton problème. Il faudrait que tu publies tout ton code pour qu'on puisse y voir plus clair...

**christopher05** · 15/04/2013, 16h26

Désolé mais je ne peux pas en poster plus du code.

Par contre sur mozilla quand je tape directement l'url j'ai:

L'image "http:localhost:111/Acc/Handler.ashx?imgId=SAV%20AMB" ne peut être affichée car elle contient des erreurs

**DotNetMatt** · 15/04/2013, 16h37

Ah, peut-être un problème lors de l'upload ?

**christopher05** · 15/04/2013, 16h48

Peut-être mais comment le vérifier?

L'image est enregistrer directement dans la BDD à partir d'une autre.

J'utilise la requête:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

System.Data.SqlClient.SqlCommand myCommand3 = new System.Data.SqlClient.SqlCommand("Insert Into [test].[dbo].[Ima] ([NSerie], [NomImage],[Img]) values ('" + myReader2["No_"].ToString() + "','" + nomImage + ".jpg" + "','" + myReader2["Picture"] + "')", myConnection3);

Ps: les différentes appellation ont été changé j'ai mis des noms aux hasard