AJAX传递FormData至Aspx.cs后台无法访问问题求助

在浏览器控制台添加调试器后，前端提示文件已成功上传，但后台CodeBehind的UploadFile方法无法触发调试，说明后台代码未被访问到。

前端JS代码 #

function uploadFile() {
    debugger
    var fileInput = document.getElementById("myFile");
    var file = fileInput.files[0];

    if (file) {
        var applicationID = selectedApplicationID;
        var orderID = $("#txtOrderID").val();
        var companyID = $("#tdCompanyID").text();
        var orderedDate = $("#tdOrderedDate").text();
        var instaProductName = $("#tdReport").text();

        var data = new FormData();
        data.append("ApplicationID", applicationID);
        data.append("CompanyID", companyID);
        data.append("OrderID", orderID);
        data.append("OrderedDate", orderedDate);
        data.append("ProductName", instaProductName);
        data.append("uploadedFile", file);

        // 发起AJAX请求上传文件
        $.ajax({
            type: "POST",
            url: "InstaReportsDownloader.aspx/UploadFile",
            data: data,
            contentType: false,
            processData: false,
            success: function (response) {
                // 处理成功响应
                console.log("File uploaded successfully!");
                console.log(response);
            },
            error: function (xhr, status, error) {
                // 处理错误响应
                console.log("File upload failed!");
                console.log(error, status, xhr);
            }
        });
    }
}

后台CodeBehind代码 #

[System.Web.Services.WebMethod(EnableSession = true)]
public string UploadFile(int ApplicationID, int CompanyID, int OrderID, DateTime OrderedDate, string ProductName, HttpPostedFile uploadedFile)
{
    string DataDirectory = ConfigurationManager.AppSettings["DataDirectory"].ToString();
    string folderPath = null;

    if (ApplicationID == 4)
    {
        folderPath = Path.Combine(DataDirectory, "XML Reports", CompanyID.ToString(), ProductName);
    }
    else if (ApplicationID == 5)
    {
        folderPath = Path.Combine(DataDirectory, "InstaAPI Reports", CompanyID.ToString(), ProductName);
    }

    // 若目录不存在则创建
    Directory.CreateDirectory(folderPath);

    // 根据OrderedDate生成文件名
    string fileName = $"Report_{OrderedDate.ToString("mm/dd/yyyy")}.xml";
    string filePath = Path.Combine(folderPath, fileName);

    // 将上传文件保存到指定路径，已存在则覆盖
    uploadedFile.SaveAs(filePath);

    return filePath;
}

核心排查点 #

• WebMethod必须是静态方法：ASP.NET的WebMethod要求方法必须添加static修饰符，当前后台方法缺少该关键字，这是导致无法调用的最常见原因。
• 参数类型匹配：前端传递的OrderedDate是文本字符串，需确保格式符合后台DateTime解析要求，建议前端传递yyyy-MM-dd这类标准格式，或后台用DateTime.TryParse做兼容处理。
• 请求路径正确性：确认AJAX的url路径无误，若后台类带有命名空间，需在url中补充命名空间（如YourNamespace.InstaReportsDownloader.aspx/UploadFile）。
• 文件上传限制：检查Web.config中maxRequestLength（单位KB）和maxAllowedContentLength（单位字节）的配置，避免因文件过大被服务器拦截。
• Session权限：虽然开启了EnableSession = true，但需确保当前请求能正常获取Session，避免因Session失效或未传递导致方法无法访问。

内容的提问来源于stack exchange，提问作者Dikshant Verma