afficher une image a partir d'un dropdownlist

Version imprimable

bonjour:)

je vous explique le contexte

j'enregistre dans ma base de donné des info sur les photo comme ceci

Citation:

photo ( id_photo , chemin , index , id_commande )

j'ai un dropdownlist avec la liste des id_photo qui retourne le chemin

maintenant j'aimerais pouvoir afficher la photo en fonction de la selection du dropdownlist :?

mais le probléme c'est , vous l'avez devinez , e n'y arrive pas

j'utilise un gridview avec un imagefield comme ceci ( méme ci je doute que ce soit l'ideale :aie:)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <asp:DropDownList ID="DropDownList1" runat="server" Width="185px" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" DataSourceID="SqlDataSource1" DataTextField="chemin_photo" DataValueField="chemin_photo" AutoPostBack="True"> </asp:DropDownList><asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:gavaConnectionString1 %>" SelectCommand="SELECT [chemin_photo] FROM [photo_of]"></asp:SqlDataSource>  <br /> <asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource2" AutoGenerateColumns="False" Height="90px" Width="158px"> <Columns> <asp:ImageField dataimageurlfield="[chemin_photo]" > </asp:ImageField> </Columns> </asp:GridView> <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:gavaConnectionString1 %>" SelectCommand="SELECT [chemin_photo] FROM [photo_of]"></asp:SqlDataSource> <br />
en gros il n'affiche rien pas de message d'erreur

sinon j'aurai préféré utiliser un bitmap
j'ai essayer ca ( ca ne marche pas , evidemant sinon je serait pas la :calim2:)
Code:

1 2 3 4 5 6 7 8 9 Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Dim image1 As Drawing.Bitmap image1 = New Drawing.Bitmap(DropDownList1.Text, True) End Sub
en gros j'arrive a rien :help::help:

09/06/2010, 17h03
oxino
salut,

si j'ai bien comrpis dans un premier temps tu a un dropdownlist avec tout les chemin photo
puis dans un second temps tu a un grid view qui contient toutes tes photos

sur ton gridview test ça
Code:

1 2 3 4 5 6 <Columns> <asp:ImageField dataimageurlfield='<%# DataBinder.Eval(Container, "DataItem.chemin_photo") %>'> </asp:ImageField> </Columns>
10/06/2010, 09h12
alex61

pas béte l'idée du databind

Citation:

Erreur 1 Le contenu littéral ('<asp:imagefield dataimageurlfield="'') n'est pas autorisé dans un 'System.Web.UI.WebControls.DataControlFieldCollection'. C:\Documents and Settings\admin\Bureau\galva\finition\finition.aspx 87

mais ca marche pas j'ai essayer de le modidié mais toujours rien et en plus ca me bloque le mode design

j'ai trouver dans l'interface une petite manip a faire et ca me donne ca :
Code:

1 2 3 4 5 6 <Columns> <asp:BoundField DataField="id_photo" HeaderText="id_photo" ReadOnly="True" SortExpression="id_photo" /> <asp:ImageField DataImageUrlField="chemin_photo"> </asp:ImageField> </Columns>
ce que je comprend pas c'est que l'image dans le gridview ne s'affiche pas :cry:

10/06/2010, 09h29
oxino
quand il te dit

Citation:

Erreur 1 Le contenu littéral ('<asp:imagefield dataimageurlfield="'') ...

sa veut dire que tu a des photo qui ont le champs chemin_photo de vide dans t'a bdd, vérifie la, ou alors fait la requête ;
Code:

1 2 select chemin_photo from photo_of where chemin_photo is not null
sinon au lieu d'utiliser le gridview tu peut ajouter t'es photo en dynamique en faisant la requête puis en ajoutant des objets HtmlImage dans un PlaceHolder pour chaque occurrence de ta requête
10/06/2010, 09h42
alex61

Citation:

quand il te dit " Erreur 1 Le contenu littéral ('<asp:imagefield dataimageurlfield="'') "
sa veut dire que tu a des photo qui ont le champs chemin_photo de vide dans t'a bdd, vérifie la, ou alors fait la requête ;

il n'y que deux photo est le chemin est correcte

Citation:

sinon au lieu d'utiliser le gridview tu peut ajouter t'es photo en dynamique en faisant la requête puis en ajoutant des objets HtmlImage dans un PlaceHolder pour chaque occurrence de ta requête

pourquoi un placeholder ?? ( un multiiew ne serait t il pas mieux :roll: )
10/06/2010, 09h57
oxino

tout simplement parque je n'en ai jamais utilisée mais j'ai déjà utilisée le PlaceHolder pour rajouter dynamiquement des photos dans une page, mais elles provenaient pas d'une bdd je scanné un répertoire à la recherche de photo ^^
10/06/2010, 10h01
alex61

oui moi j'ai fait à peu prés pareil en php ^^

mais je croit avoir trouver mon bonheur sur msdn ( a part que c'est en anglais )

http://msdn.microsoft.com/en-us/library/aa479350.aspx
10/06/2010, 10h18
oxino

héhé il te reste plus qu'a traduire :D
si tu y arrive donnes la solution ca pourrait être intéressant
10/06/2010, 10h26
alex61

oui ok ( si j'y arrive :aie:)

enfin trouvé ...

le truc c'est qu'il faut juste définir une url par défaut en cas d'absence d'url d'image dans la table :calim2:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:gavaConnectionString1 %>"
        SelectCommand="SELECT [chemin_photo] FROM [photo_of]"></asp:SqlDataSource>
    <asp:DropDownList ID="DropDownList1" runat="server" DataSourceID="SqlDataSource1"
        DataTextField="chemin_photo" DataValueField="chemin_photo">
    </asp:DropDownList>
    <br />
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1">
        <Columns>
            <asp:ImageField DataImageUrlField="chemin_photo" NullImageUrl="~/photo/Hiver.jpg">
            </asp:ImageField>
        </Columns>
    </asp:GridView>

... 2h a chercher ca ..... je sent que je vais me remettre au php après