File Upload et UpdatePanel

Version imprimable

02/09/2009, 19h28
Hellboy67

File Upload et UpdatePanel

Salut tout le monde,

Pour les besoin de mon appli, je dois uploadé des logos d'utilisateurs sur le serveur.
Pour ce faire, j'utilise le control FIleUpload que j'ai placé dans un update panel.
Sauf que en placant le control dans l'update panel, le champ du fileupload et toujours vide lors d'un postback ... J'ai donc ajouté un trigger sur le bouton qui envoi le fichier.
Le soucis est que avec le trigger, le premier envoi de fichier ne fonctionne pas, il me dit que le fileupload et vide. A partir du second envoi de fichier, cela fonctionne correctement.

Pouvez vous me dire quoi changé pour que mon fileupload fonctionne correctement dans mon updatepanel svp

Merci
02/09/2009, 21h05
julien_iz

Ça marche pas la première fois, mais les suivantes oui? Ça sent le problème dans l'ordre d'enchainement des évènements. Peux-tu montrer un peu de code?
03/09/2009, 00h07
tomlev

Ce n'est pas lié à l'UpdatePanel, le champ avec le chemin du fichier est toujours vide après un PostBack, tout simplement parce que le chemin complet du fichier n'est pas transmis au serveur. Seul le nom du fichier est transmis

Voila mon morceau de code :

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
<asp:UpdatePanel ID="upFileUpload" runat="server" UpdateMode="Conditional">
    <Triggers>
        <asp:PostBackTrigger ControlID="btnAjouter" />
        <asp:PostBackTrigger ControlID="btnModifier" />
    </Triggers>
    <ContentTemplate>
        <table class="tabSansBordures">
            <tr>
                <td>
                    <asp:FileUpload ID="FileChooser" runat="server" BorderColor="#528CCC" BorderStyle="Outset" BorderWidth="1px" Width="350" />
                </td>
                <td>
                    <atlante:EButton ID="btnAjouter" runat="server" SkinID="btnAjouter" AlternateText="Ajouter" onclick="btn_ValiderFile_Click"/>
                    <atlante:EButton ID="btnModifier" runat="server" SkinID="btnModifier" AlternateText="Modifier" onclick="btn_ValiderFile_Click"/>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <asp:Label ID="lbl_Error" runat="server"></asp:Label>
                </td>
            </tr>
        </table>
    </ContentTemplate>
</asp:UpdatePanel>

Alors j'ai remarqué ce matin une chose de bizarre,
Quand j'ouvre mon parcourir, desfois (juste la première fois) il ne me rempli pas mon champ du premier coup.

tomlev, j'ai pu m'apercevoir d'après mes tests que le chemin du fichier est toujours vide après un postBack. Ce qui est normal et ne me dérange absolument pas au contraire.

Le fichier est remonté au serveur dans son intégralité, je peut récupérer un FileStream.

Alors je viens juste de faire un test, en enlevant mon FileUpload du tableau, je n'ai plus aucun problème pour réceptionner le fichier.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<asp:UpdatePanel ID="upFileUpload" runat="server" UpdateMode="Conditional">
    <Triggers>
        <asp:PostBackTrigger ControlID="btnAjouter" />
        <asp:PostBackTrigger ControlID="btnModifier" />
    </Triggers>
    <ContentTemplate>
        <asp:FileUpload ID="FileChooser" runat="server" BorderColor="#528CCC" BorderStyle="Outset" BorderWidth="1px" Width="350" />
        <atlante:EButton ID="btnAjouter" runat="server" SkinID="btnAjouter" AlternateText="Ajouter" onclick="btn_ValiderFile_Click"/>
        <atlante:EButton ID="btnModifier" runat="server" SkinID="btnModifier" AlternateText="Modifier" onclick="btn_ValiderFile_Click"/>
        <asp:Label ID="lbl_Error" runat="server"></asp:Label>
    </ContentTemplate>
</asp:UpdatePanel>

je suis curieux de comprendre le pourquoi du comment.

Merci

03/09/2009, 09h38
lutecefalco

10 secondes sur google t'auraient permis de voir que le FileUpload n'est pas compatible avec un UpdatePanel...
03/09/2009, 09h50
tortuegenie

LuteceFalco, je confirme tes dires, même sur le forum on avait déjà la réponse.
03/09/2009, 10h02
lutecefalco

Citation:

Envoyé par tortuegenie

LuteceFalco, je confirme tes dires

C'est bien aimable :mrgreen:
03/09/2009, 11h39
p_mehdi

Bonjour,

En fait on peux adapter le fileupload pour le rendre compatible,moyennant quelques aménagements...(option du form en "multipart") et trigger déclenchant un vrais postback....

En faisant cela la commande suivante fonctionne :
FileUpload.HasFile

Concernant ton problème du clic qui ne marche que la deuxième fois ca devrait régler ton problème de mettre dans ca dans le Page_Load.

-> this.Page.Form.Enctype = "multipart/form-data"
03/09/2009, 23h31
Immobilis

Salut,

Pourquoi mettre un fileupload dans un updatepanel?

A+
04/09/2009, 08h30
p_mehdi

Moi par exemple j'ai des pages qui sont complètement en ajax..
Avec un système d'onglet et du coup le fileupload est dans un update panel qui correspond a un onglet...

Du coup pas le choix il fallait que je gère le fileupload dans un update panel :ccool:
04/09/2009, 20h44
Hellboy67

SAlut désolé du retard pour répondre, en faite j'ai un système d'onglet sur lequel je greffe un update panel par onglet.
C'est pourquoi je dois adapté le fileupload a l'update panel.

merci p_mehdi , le enctype corrige mon problème.
06/09/2009, 13h00
p_mehdi

de rien A+