Asp.net中UpdatePanel內FileUpload的正確使用方法

changuncle發表於2017-11-25

當FileUpload檔案上傳控制元件包含在UpdatePanel標籤中時,使用者提交後,FileUpload控制元件中選擇的檔案預設不會被提交到後臺,我們需要對UpdatePanel進行設定,具體程式碼如下: [ 需新增< Triggers>屬性]

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <div class="portlet-body_x form">
            <table>
                <tr>
                    <td>
                        <div class="control-group">
                            <label class="control-label">
                                工程編碼: <span class="required">*</span></label>
                            <div class="controls">
                                <asp:TextBox runat="server" ID="txtProjectNO" />
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="control-group">
                            <label class="control-label">
                                工程量總表: <span class="required">*</span></label>
                            <div class="controls">
                                <asp:FileUpload ID="fuTotalWorkloadTable" runat="server" />
                                <a href='/ExportTem/工程量總表模板.xls'>下載模板</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr style="text-align: center;">
                    <td>
                        <div class="control-group">
                            <asp:Button ID="btnAdd" runat="server" class="btn blue" Text="提交" onclick="btnAdd_Click" />
                            <input type="button" style="margin-left:50px;" class="btn blue" value="返回" onclick="goBack()"/>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </ContentTemplate>
    <!--需要額外新增的程式碼-->
    <Triggers>
        <asp:PostBackTrigger ControlID="btnAdd"/>
    </Triggers>
</asp:UpdatePanel>

相關文章