2

我有一个非常简单的应用程序。我正在尝试使用 ASP.net 的文件上传控件上传文件。下面是我的整个 .cs 代码和 .aspx 代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace TestFileUpload1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void uploadFile_Click(object sender, EventArgs e)
        {

            if (UploadImages.HasFiles)
            {
                foreach (HttpPostedFile uploadedFile in UploadImages.PostedFiles)
                {
                    uploadedFile.SaveAs(System.IO.Path.Combine(Server.MapPath("~/Images/"), uploadedFile.FileName));
                    //listofuploadedfiles.Text += String.Format("{0}<br />", uploadedFile.FileName);
                }
            }
        }
    }
}

我的 .aspx 代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TestFileUpload1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test web site</title>
       <script src="Scripts/jquery-1.11.0.js"></script>

  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
              <div>
             <asp:FileUpload runat="server" ID="UploadImages" AllowMultiple="true" />  
            <asp:Button runat="server" ID="uploadedFile" Text="Upload" OnClick="uploadFile_Click" />  
             <asp:Label ID="listofuploadedfiles" runat="server" />  
        </div>
        </div>
    </form>
</body>
</html>

每当我尝试上传文件时，UploadImages.HasFiles 都会得到“False”。以上是完整的工作示例。一旦我删除这些脚本标签之一：

 <script src="Scripts/jquery-1.11.0.js"></script>

  <script src="Scripts/jquery.mobile-1.4.5.js"></script>

我的代码开始工作，当我尝试上传文件时，UploadImages.HasFiles 为“真”。

我正在使用 .net 框架 4.7.2

由于 GUI，我需要将这两个脚本标签保留在我的代码中，这是一个旧应用程序，所有页面都使用了这些标签。

我还尝试将控件包装在更新面板中，但这也不起作用。下面是更改后的 .aspx 页面。虽然，我希望我的原始代码能够工作。我不想使用 ajax，但我只是尝试使用它，因为它被建议作为解决方案之一

  <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TestFileUpload1.WebForm1" %>
<%--<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit"  TagPrefix="asp"%>--%>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test web site</title>
       <script src="Scripts/jquery-1.11.0.js"></script>

  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <div>
              <div>
                  <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <asp:FileUpload runat="server" ID="UploadImages" AllowMultiple="true" />
                        </ContentTemplate>
                       <Triggers>
                           <asp:PostBackTrigger ControlID="uploadedFile" />
                        </Triggers>
                      
                      </asp:UpdatePanel>
              <asp:Button runat="server" ID="uploadedFile" Text="Upload" OnClick="uploadFile_Click" />
             <asp:Label ID="listofuploadedfiles" runat="server" />  
                      
        </div>
        </div>
    </form>
</body>
</html>

下面是我在后面的代码中得到的错误值的图像：

在此处输入图像描述

任何帮助将不胜感激。

4

3 回答 3

2

我所要做的就是将 data-ajax ="false" 放在表单标签中，这样就解决了这个问题。

  <form id="form1" runat="server" data-ajax ="false">
于 2020-07-23T04:50:35.047 回答
0

使用更新面板并将您的控件包装在其中。然后将按钮 controlID 作为触发器（确保它是 PostBackTrigger）添加到更新面板。要进行测试，请务必在 uploadFile_Click 事件上设置一个断点，以便您可以单步执行并查看值..

                 <asp:UpdatePanel ID="UpdatePanel1" runat="server"     UpdateMode="Conditional">
  <Triggers>
<asp:PostBackTrigger ControlID="btnSignaureOfRequestor" />
</Triggers>
   <ContentTemplate>
       <table>
            <tr>  <td class="tdText" colspan="4">
           <asp:FileUpload ID="fileUpload" runat="server" Width="50%" />
                    </td>
                            </tr>
<tr>
    <td> <asp:Button ID="btnSignaureOfRequestor" runat="server"  Text="Submit Request" Visible="true" OnClientClick="return confirm('Are  you sure you want to continue?');" OnClick="btnSignaureOfRequestor_Click" />
                               </td>
   </tr>                                  
                     </table>
            </ContentTemplate>
            </asp:UpdatePanel>
于 2020-07-23T00:19:57.433 回答
0

尝试以下，删除允许多个并添加更新模式条件（请参阅确认这些更改的大小写/语法，因为我只是在记事本中编写它）

 <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <div>
          <div>
              <asp:UpdatePanel ID="UpdatePanel1" runat="server" updateMode="Conditional">
                    <ContentTemplate>
                        <asp:FileUpload runat="server" ID="UploadImages" />&nbsp;
     <asp:Button runat="server" ID="uploadedFile" Text="Upload" OnClick="uploadFile_Click" />
                    </ContentTemplate>
                   <Triggers>
                       <asp:PostBackTrigger ControlID="uploadedFile" />
                    </Triggers>                   
                  </asp:UpdatePanel>
 
         <asp:Label ID="listofuploadedfiles" runat="server" />  
                  
    </div>
    </div>
于 2020-07-23T02:10:30.533 回答