Why is my ASP Page.Request.Files[] always empty? I've tried all posted fixes

Ultroman the Tacoman picture Ultroman the Tacoman · May 15, 2013 · Viewed 15.6k times · Source

We're 4 guys making a website for our final school project. We need to allow a user to upload a pdf. We're using Visual Studio 2012, and we have a Master page set up, and the whole login-process and user-creation works. We're using jQuery, and also jQueryMobile because the site needs to work for phones as well, and this makes it a bit easier.

But when we want to check the files the client is trying to upload in our code behind, Request.Files is always empty. Why is this?

I have the enctype set in the form I'm using, so I should be fine. It looks like the page reloads when I click the upload-button, and the text-field in the file-input gets cleared. Then after this, it runs the code behind method.

The output we get is:

HALLOOOOOOOOOOOOOO!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
In the house
Files[] size is 0

The Master page that looks like this:

    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Main.Master.cs" Inherits="SendEtBrev.Main" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
  <head runat="server">
      <title>SendEtBrev.dk</title>

      <meta http-equiv="Pragma" content="no-cache" />
        <meta http-equiv="Expires" content="-1" />
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
        <meta name="MobileOptimized" content="width" />
        <meta name="HandheldFriendly" content="true" />

        <link rel="stylesheet" type="text/css" href="/Styles/reset.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="/Js/fixes.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
        <link rel="stylesheet" type="text/css" href="/Styles/sendetbrev.css" />   

      <asp:ContentPlaceHolder ID="head" runat="server" />


  </head>
  <body>
      <header>
        <div class="headerbox">
          <div class="headerlogo">
            <img class="autosizedimage" src="/Billeder/Logo.png" />
          </div>
              <asp:LoginView ID="LoginViewMenu" runat="server">
                 <LoggedInTemplate>                    
                   <a href="/Account/Minkonto.aspx">Min konto</a>
                   <a href="/Account/Logout.aspx">Log ud</a>               
                 </LoggedInTemplate>
              </asp:LoginView>
          <br />
        </div>

      </header>

      <br />
      <br />
      <div>
          <asp:ContentPlaceHolder ID="centercontent" runat="server" />
      </div>
      <footer>

      </footer>
  </body>
</html>

My ASPX code is this:

<%@ Page Language="C#" MasterPageFile="~/Main.Master" ValidateRequest = "False" AutoEventWireup="true" CodeBehind="Side1Uploadfil.aspx.cs" Inherits="SendEtBrev.SendBrev.Side1Uploadfil" %>

<asp:Content ID="Content1" ContentPlaceHolderID="centercontent" runat="server" >

  <asp:Literal ID="introText" runat="server"/>
  <br />
  <br />
  <asp:Literal ID="AccepteredeFormater" runat="server" />
  <br />
  .pdf<br />



  <!-- vises kun hvis der er en fejlbesked ved upload -->
  <asp:Literal ID="errorMessage" runat="server" EnableViewState="false" /><br />



    Select a file to upload:
      <form id="form1" name="form1" method="post" runat="server" enctype="multipart/form-data" >
          <input type="file" accept="*.pdf" id="fileUploadControl" name="fileUploadControl" runat="server" />
        <asp:Button runat="server" ID="btnUpload" OnClick="btnUploadClick" Text="Upload" />

        <br/><br/>

    <br />
      </form>
  <asp:Button ID="FortsaetKnap" runat="server" data-role="none" CssClass="knap1" Visible="False"
      OnClientClick="javascript:location.replace('/SendBrev/Side2Modtager.aspx');" /><br />


</asp:Content>

And my code behind is this:

using System;
using System.Collections.Generic;
using System.Diagnostics;
using System.Linq;
using System.Web;
using System.Web.Script.Services;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using iTextSharp.text.pdf;
using iTextSharp.text.xml;
using System.Text.RegularExpressions;
using System.Web.UI.WebControls;
using System.IO;

namespace SendEtBrev.SendBrev
{
    public partial class Side1Uploadfil : System.Web.UI.Page
    {

        protected void Page_Load(object sender, EventArgs e)
        {
            introText.Text = "Du er nu klar til at sende et brev.";
            AccepteredeFormater.Text = "Følgende filformater accepteres:";
            FortsaetKnap.Text = "Fortsæt";
            btnUpload.Text = "Upload";
        }

        protected void btnUploadClick(object sender, EventArgs e)
        {
            Response.Write("HALLOOOOOOOOOOOOOO!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
            Console.WriteLine("HALLOOOOOOOOOOOOOO!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
            Debug.WriteLine("HALLOOOOOOOOOOOOOO!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");

            if (fileUploadControl != null)
            {
                Response.Write("In the house");
                Console.WriteLine("In the house");
                Debug.WriteLine("In the house");
            }

            if (Page.Request.Files.Count > 0)
            {
                {
                    //Get the first file. There could be multiple if muti upload is supported
                    string fileName = Page.Request.Files[0].FileName;

                    //Some validation
                    if (Page.Request.Files[0].ContentLength > 1 && !string.IsNullOrEmpty(fileName))
                    {
                        FileValidator(Page.Request.Files[0].InputStream);
                    }
                }
            }
            else
            {
                Debug.WriteLine("Files[] size is 0");
                Console.WriteLine("Files[] size is 0");
                Response.Write("Files[] size is 0");
            }

        }

        protected void FileValidator(Stream myFileStream)
        {
            Debug.WriteLine("Running FileValidator...");
            Console.WriteLine("Running FileValidator...");
            Response.Write("Running FileValidator...");
            if (myFileStream != null)
            {
                using (StreamReader sr = new StreamReader(myFileStream))
                {
                    Regex regex = new Regex(@"/Type\s*/Page[^s]");
                    MatchCollection matches = regex.Matches(sr.ReadToEnd());
                    Console.Write("PDF'en har " + matches.Count + " sider");
                    Debug.Write("PDF'en har " + matches.Count + " sider");
                    Response.Write("PDF'en har " + matches.Count + " sider");
                    if (matches.Count > 0)
                    {
                        FortsaetKnap.Visible = true;
                    }
                }
            }
            else
            {
                Debug.WriteLine("Filestream is null");
                Console.WriteLine("Filesream is null");
                Response.Write("Filestream is null");
                FortsaetKnap.Visible = false;
            }
        }
    }
}

Answer

qwr picture qwr · May 15, 2013

It happens because ajax is used by default in jQueryMobile. And on that case file upload does not work.

So Adding data-ajax="false" to form should fix it.

 <form id="form1" name="form1"  data-ajax="false" method="post" runat="server"
 enctype="multipart/form-data" >

In case you are using Razor

Some useful links:

File upload support on mobile

XMLHttpRequest 2 -Browser support

jQuery File Upload - Browser support