Afficher image base64

Version imprimable

20/02/2009, 09h27
Mric_

Afficher image base64
Bonjour,

J'aurais voulu savoir comme on faisait pour afficher une image recu en base 64 dans une page web.
J'ai réussi à le faire avec ce bout de code :
Code:

1 2 3 System.IO.MemoryStream ms = ""; // image en base64; Response.ContentType = "image/Jpeg"; ms.WriteTo(Response.OutputStream);
Mais avec cette façon de faire, je ne peux rien rajouté à ma page car il attend qu'une seule image.

Quelqu'un serait-il comment faire pour l'insérer directement dans une page web ?

Merci d'avance

EDIT : j'arrive aussi à la convertir en image si ca peut aider :

Code:

System.Drawing.Bitmap image = new System.Drawing.Bitmap(ms);
20/02/2009, 10h49
tomlev
Citation:
Envoyé par Mric_

J'ai réussi à le faire avec ce bout de code :

Code:

1 2 3 System.IO.MemoryStream ms = ""; // image en base64; Response.ContentType = "image/Jpeg"; ms.WriteTo(Response.OutputStream);
Euh... t'es sûr ?? Parce que je vois mal comment on peut affecter une chaine de caractère à un MemoryStream, vu qu'il n'existe aucune conversion implicite... Il faudrait déjà convertir la chaine base64 en byte[] :
Code:

1 2 3 4 string base64Image = "..."; byte[] imageBytes = Convert.FromBase64String(base64Image); MemoryStream ms = new MemoryStream(imageBytes); ...
Sinon, je suis pas sûr d'avoir bien compris ton problème... tu veux envoyer l'image sur la même réponse que le reste de la page ? C'est pas possible... en HTML, une image est spécifiée par une balise <img> avec l'adresse de l'image, il faut donc l'envoi de l'image séparément du reste de la page. (en fait il y a un moyen d'intégrer l'image dans la page, mais c'est pas super... d'ailleurs c'est pas supporté par tous les navigateurs)

Si c'est une image que tu dois générer dynamiquement, le plus simple est de créer un Handler ASP.NET (.ashx). Dans le code, tu implémentes juste la méthode ProcessRequest pour analyser la requête et envoyer la réponse appropriée
20/02/2009, 11h12
Mric_
Tu as raison c'est bien un tableau de byte que j'ai pour mon MemoryStream.
En fait je fais une authentification grâce à une image généré par un web service. Ce dernier me renvoi l'image ainsi qu'un identifiant unique correspondant à l'image.

Donc ensuite, via un formulaire, je dois renvoyer le login, le mot de passe (qui dépend de l'image) et l'identifiant unique de l'image.

Sinon j'ai un peu contourné le problème en mettant ce code :
Code:

1 2 3 <body> <img src="http://127.0.0.1:63028/Image.aspx" alt="ImageCode"/> </body>
Image.aspx contient uniquement mon image (de la même façon que mon code au dessus) et donc mon affichage marche.

Le problème c'est que j'appelle mon web service 2 fois (une fois dans la page par défaut pour avoir l'identifiant unique et une fois dans Image.aspx pour l'image). Donc au final j'ai généré 2 images et l'identifiant correspond plus à l'image.

Pour ton Handler, je connais mais pas plus que ca (je suis en Java d'habitude donc je galère un peu sur le .net en ce moment :s), il renverrait quoi au final ?

Merci en tout cas :)

PS : Ton moyen pas compatible avec tous les navigateur c'était <img src="data:image/jpeg;base64,..." /> ?
20/02/2009, 11h30
tomlev

Il suffit que tu enregistres l'image quelque part (en session par exemple), pour ne pas la générer 2 fois...

Citation:

Envoyé par Mric_

Pour ton Handler, je connais mais pas plus que ca (je suis en Java d'habitude donc je galère un peu sur le .net en ce moment :s), il renverrait quoi au final ?

Ben il renverrait l'image, de la même façon que ton Image.aspx, sauf qu'en général on utilise plutôt un .aspx pour renvoyer du HTML...

Citation:

Envoyé par Mric_

PS : Ton moyen pas compatible avec tous les navigateur c'était <img src="data:image/jpeg;base64,..." /> ?

C'est ça

Une tite dernière aide, pour le handler, je le crée mais il ne me renvoi pas l'image.
Voici la fonction que tu m'as dit de modifier :

Code:

1
2
3
4
5
6
7
8
public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "image/Jpeg";
            GridsureService service = new GridsureService();
            getAuthenticationGridResponseType response = service.getAuthenticationGrid(new getAuthenticationGridType()); //appel du web service
            System.IO.MemoryStream ms = new System.IO.MemoryStream(response.grid);
            ms.WriteTo(context.Response.Write);
        }

Faut-il que je convertisse en Image avant d'écrire le flux ?

Merci

20/02/2009, 14h27
tomlev

Code:

ms.WriteTo(context.Response.OutputStream);
20/02/2009, 16h04
Mric_

Je suis sur que c'est tout con, mais la je bloque bettement. Ton code marche mais j'ai ceci quand j'essaye d'appeler mon Handler :

Message d'erreur de l'analyseur: Impossible de créer le type 'WebApplication2.Image'.
Erreur source:
Ligne 1 : <%@ WebHandler Language="C#" CodeBehind="Image.ashx.cs" Class="WebApplication2.Image" %>

Cette ligne 1 est généré automatiquement par la Handler et j'arrive pas a l'enlever ou la modifier ...
20/02/2009, 16h25
tomlev

Le code de la classe est bien dans Image.ashx.cs ? Tu as bien recompilé le projet ?

Citation:

et j'arrive pas a l'enlever ou la modifier

ben ça c'est nouveau :?
normalement on peut toujours modifier les fichiers .as?x, même en cours d'exécution...

Oui oui j'ai bien Image.ashx.cs, je met le code en entier :

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
using System;
using System.Collections;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
 
namespace WebApplication2
{
    /// <summary>
    /// Description résumée de $codebehindclassname$
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    public class Image : IHttpHandler
    {
 
        public void ProcessRequest(HttpContext context)
        {
            GridsureService service = new GridsureService();
            getAuthenticationGridResponseType response = service.getAuthenticationGrid(new getAuthenticationGridType());
            context.Session.Add("idGrid", response.token);
            context.Response.ContentType = "image/jpeg";
            System.IO.MemoryStream ms = new System.IO.MemoryStream(response.grid);
            ms.WriteTo(context.Response.Write);
        }
 
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

20/02/2009, 16h59
tomlev

je pense pas que le problème soit lié à ça, mais pourquoi tu mets des attributs WebService ? c'est pas un web service, juste un handler HTTP...
20/02/2009, 17h28
Mric_

Ils se sont mis par défaut, mais même en les enlevant ça ne change rien.
Au pire je reste avec mon Image.aspx !
20/02/2009, 17h36
tomlev

Citation:

Envoyé par Mric_

Au pire je reste avec mon Image.aspx !

Oui, si ça fonctionne...
20/02/2009, 18h08
Mric_

J'aurai essayé ! Merci a toi tomLev