Discussion :

[zooffy]

Bonjour tout le monde.

Ma méconnaissance en amtière d'AJAX me bloque sur un truc.
J'ai mis un contrôle AJAX pour charge un fichier et une Image à côté. Je veux que lorsque le fichier est chargé qu'il apparaise dans l'image.

Voici le code côté HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<ajax:UpdatePanel ID="upImage" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">
                <Triggers>
                    <ajax:AsyncPostBackTrigger ControlID="afuImageGig" EventName="" />
                </Triggers>
                <ContentTemplate>
                    <asp:Image ID="imgGig" runat="server" />
                </ContentTemplate>
            </ajax:UpdatePanel>
<ajaxToolkit:AsyncFileUpload ID="afuImageGig" runat="server" />

(j'ai pas mis le code de la table pour faire a mise en forme, l'image n'est pas dans la même cellule que l'AFU)

Et voici le CodeBehind :

Code :

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

1
2
3
4
5
6
7
 
    Protected Sub afuImageGig_UploadedComplete(ByVal sender As Object, ByVal e As AjaxControlToolkit.AsyncFileUploadEventArgs) Handles afuImageGig.UploadedComplete
        afuImageGig.SaveAs(Request.PhysicalApplicationPath & "\App_Themes\Generale\PhotoGig\" & afuImageGig.PostedFile.FileName)
        imgGig.ImageUrl = "~/App_Themes/Generale/PhotoGig/" & afuImageGig.PostedFile.FileName
 
 
    End Sub

Sachant que dans le Init de la page j'ai mis ça :

Code :

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

1
2
3
4
5
 
With imgGig
            .ImageUrl = "~/App_Themes/NoPhoto.jpg"
            .Width = Unit.Pixel(150)
        End With

J'ai fini par comprendre qu'il me manque un PostBack pour mettre à jour l'image.
Mon souci est que je ne trouve pas le moyen de déclencher ce PostBack.

Pouvez vous m'aider ?

[Nicolas Esprit]

Bonjour,

Le contrôle AyncFileUpload possède un event OnClientUploadComplete. Ceci devrait répondre à ton besoin.

En espérant t'avoir aidé

[zooffy]

Merci pour ton aide, mais cet event est fait pour envoyer sur Jscript.
Je vois pas bien comment je peux mettre à jour l'image ASP.NET avec du Jscript.

Et l'event que j'utilise est le même mais côté serveur. S'il n'y a pas de PostBack côté Serveur, pourquoi y en aurait il un côté Client ?

Vois tu ce que je veux dire ?

[Nicolas Esprit]

Si tu as ton event server, tu l'utilises dans ton Trigger de l'UpdatePanel, afin de rafraichir l'image. Donc : UploadedComplete.

Sinon tu utilises l'event client et tu changes l'image en Javascript ou en JQuery. Ou encore avec l'event client tu lances en Javascript un _DoPostback

En espérant t'avoir aidé.

[zooffy]

Si tu as ton event server, tu l'utilises dans ton Trigger de l'UpdatePanel, afin de rafraichir l'image. Donc : UploadedComplete.

Petite erreur de copier coller.
Je viens de voir que dans mon exemple de code, j'ai oublié le nom de l'event, mais dans mon code actif, il y est bien et cela ne fonctoinne pas. L'image ne se mets pas à jour.

Sinon tu utilises l'event client et tu changes l'image en Javascript ou en JQuery.

Alors, ça, je ne sais pas faire. Et en plus, JQuery, je ne connais pas du tout.

Ou encore avec l'event client tu lances en Javascript un _DoPostback

ça non plus je ne sais pas faire. J'ai vu plein de truc sur le sujet en cherchant sur Google, mais je ne comprends pas ce qu'il faut coder.

La méthode qui m'interesse le plus restant, bien évidement, le côté serveur avec l'event uploadedComplete.

[Nicolas Esprit]

Cette propertie :

Code :

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

ChildrenAsTriggers

n'est pas par défaut à True pour rien. En mettant False tu indiques que tu veux bien déclencher le PostBack, mais pas rafraîchir ton UpdatePanel.

Essaye donc à True