Afficher Image binaire depuis BDD C# asp.net

Version imprimable

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:

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:

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:

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

Merci pour votre aide

15/04/2013, 11h17
DotNetMatt

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.

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:

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);
 
        }
 
    }

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:

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 :
:fleche: 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.
:fleche: Utilisation d'une requête paramétrée, afin d'éviter notamment les injections SQL.
:fleche: Il faut utiliser une boucle while (dr3.Read()).

15/04/2013, 14h40
christopher05

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?)
15/04/2013, 14h49
DotNetMatt

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 ?
15/04/2013, 15h05
christopher05

Tab contient bien quelquechose.

Quand j'affiche la page directement, j'ai

Code:

System.Byte[]

qui s'affiche
15/04/2013, 15h24
DotNetMatt

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

Peux-tu poster plus de code ?
15/04/2013, 15h31
christopher05

Quel parti du code veux-tu?
15/04/2013, 15h33
DotNetMatt

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

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

Voila:

Code:

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.

15/04/2013, 15h47
DotNetMatt

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 ? :koi:
15/04/2013, 15h55
christopher05

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.

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

Code:

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:

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:

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...

15/04/2013, 16h26
christopher05

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
15/04/2013, 16h37
DotNetMatt

Ah, peut-être un problème lors de l'upload ?
15/04/2013, 16h48
christopher05

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:

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
15/04/2013, 16h52
DotNetMatt

Comment vérifier ? C'est une bonne question... :aie:

Au niveau de ta table Ima, quel est le type de la colonne Img ?

[EDIT] : pour vérifier, la comparaison de hash semble une bonne idée.
15/04/2013, 16h58
christopher05

Ok le type de ma colonne est :

Code:

image
15/04/2013, 17h20
christopher05

Je pense qu'il doit y avoir un problème car les différentes images ont le même hash....
15/04/2013, 17h52
DotNetMatt

Au début j'avais mis un type VARBINARY(MAX) sur ma colonne, puis je viens de changer avec le type IMAGE, et sans avoir modifié mon code ça fonctionne toujours correctement.

Il doit y avoir un souci dans la structure de ton code, mais impossible de t'aider plus loin puisque tu ne peux pas publier plus de code.