AsyncFileUpload in Repeater in UpdatePanel

Question

The AsyncFileUpload works. Only issue is the file name disappears when the LinkButton to repeat the AsyncFileUpload control is pressed. Is there a way to get and store the file name? FileName does not work. Not really keen on sharing code-behind but may do so if it is necessary to solve this issue.

<asp:UpdatePanel ID="LibraryResourceUpdatePanel" runat="server">
        <ContentTemplate>
            <div class="field-group list-of-resource">
                <asp:Repeater ID="RptRequest" runat="server" OnItemDataBound="RptRequest_ItemDataBound">
                    <ItemTemplate>
                        <div class="resource">
                            <div class="remove-input">
                                <asp:LinkButton ID="LbRemoveRequest" CssClass="ic fa fa-minus-circle" runat="server" OnClick="LbRemoveRequest_Click" CausesValidation="false"></asp:LinkButton>
                                <span>Remove</span>
                            </div>
                            <h2>Details of Resources 
                        <span class="counter">
                            <asp:Literal ID="LitCount" runat="server"></asp:Literal>
                        </span>
                            </h2>
                            <ul>
                                <li>
                                    <fieldset class="form-group">
                                        <legend>Accession No.</legend>
                                        <asp:TextBox ID="TxbAccessionNumber" CssClass="form-control" runat="server" />
                                        <asp:RequiredFieldValidator runat="server" ControlToValidate="TxbAccessionNumber" ErrorMessage="Email is required" ForeColor="Red" Display="Dynamic" />
                                    </fieldset>
                                </li>
                                <li>
                                    <fieldset class="form-group">
                                        <legend>Details</legend>
                                        <asp:TextBox ID="TxbDetails" runat="server" Rows="4" TextMode="MultiLine" />
                                        <asp:RequiredFieldValidator runat="server" ControlToValidate="TxbDetails" ErrorMessage="Details are required" ForeColor="Red" Display="Dynamic" />
                                    </fieldset>
                                </li>
                                <li>
                                    <fieldset class="form-group">
                                        <legend>Image</legend>
                                        <ajaxToolkit:AsyncFileUpload runat="server"
                                            ID="FileUpload" OnUploadedComplete="FileUpload_UploadedComplete" ClientIDMode="AutoID" PersistFile="true"/>
                                        <asp:RequiredFieldValidator runat="server" ControlToValidate="FileUpload" ErrorMessage="File Upload required" ForeColor="Red" Display="Dynamic" />
                                    </fieldset>
                                </li>
                            </ul>
                        </div>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <div class="add-input">
                <asp:LinkButton ID="LbAddRequest" CssClass="ic fa fa-plus-circle" runat="server" OnClick="LbAddRequest_Click" CausesValidation="false" ></asp:LinkButton>
                <span>Add another request</span>
            </div>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="LbAddRequest" EventName="click" />
        </Triggers>
    </asp:UpdatePanel>

score 0 · Answer 1 · answered Dec 05 '17 at 13:07

First add command name to linkbutton and remove click event:

<asp:LinkButton ID="LbAddRequest" runat="server" 
    CommandName="AddRequest"></asp:LinkButton>
<span>Add another request</span>

And try this ItemCommand event in code-behind to get in work:

protected void RptRequest_ItemCommand(object source, RepeaterCommandEventArgs e)
{
    if (e.CommandName == "AddRequest")
    {
        FileUpload myFileUpload = (FileUpload)e.Item.FindControl("FileUpload");
        if (myFileUpload.HasFile)
        {
            try
            {
                string filename = Path.GetFileName(myFileUpload.FileName);
                myFileUpload.SaveAs(Server.MapPath("~/") + filename);
                myStatusLabel.Text = "Upload Success";
            }
            catch (Exception ex)
            {

                myStatusLabel.Text = "Upload Fail" + ex.Message;
            }
        }
        else
        {

            myStatusLabel.Text = "myFileUpload Has No File";
        }
    }      
}

Read detail here : https://forums.asp.net/t/1904302.aspx?FileUpload+Inside+a+Repeater+Can+t+Find+File

AsyncFileUpload in Repeater in UpdatePanel

1 Answers1