ASP.NET is failing to receive Request.Files, returning null instead

Question

ASP.NET is failing to receive Request.Files, returning null instead

I am attempting to upload an Excel file using XMLHttpRequest and FormData in ASP.NET, but I keep encountering the issue of Request.Files being null in ASP.NET. Below is the code I am using - can someone please assist me with this?

function BulkUploadUsers(e){
    var url = "/BC/Product/Modules/UserManagement/BulkUpload.aspx?action=import";
    var fd = new FormData();
    fd.append("ImportWorkOrderExcelFile", document.getElementById('ctl01_ImportFcpFile').files[0]);
    var xhr = new XMLHttpRequest();
    xhr.open("POST", url, true);
    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
    xhr.setRequestHeader('X-CSRF-Token', document.getElementById("_RequestVerificationToken").value);
    xhr.setRequestHeader("Content-Type", "multipart/form-data");
    xhr.send(fd);
}

    <div>
        <input type="file" id="ImportFcpFile" runat="server"  onchange="BulkUploadUsers(this)"/>       
    </div>

On the server side in the ASP.NET page:

protected void Page_Load(object sender, EventArgs e)
    {
        try
        {
                var aa = FindControl("ImportFcpFile");
                HttpPostedFile file = Request.Files["ImportUserExcelFile"];

        }
        catch (Exception ex)
        {
        }
    }

javascript asp.net ajax

Answer 1

Answer №1

Here is my approach:

HttpFileCollection fileCollection = HttpContext.Current.Request.Files;
string savedfile = "";
            for (int i = 0; i < fileCollection.Count; i++)
            {
                try
                {
                    HttpPostedFile upload = fileCollection[i];
                    int f = fileCollection[i].ContentLength;
                    string filename = "/ProductImages/" + fileCollection[i].FileName;
                    upload.SaveAs(Server.MapPath(filename));
                    savedfile += fileCollection[i].FileName;
                }
                catch (Exception ex)
                {
                    List<string> ff = new List<string>();
                    ff.Add(ex.Message.ToString());
                    System.IO.File.WriteAllLines(Server.MapPath("/ProductImages/Error.txt"), ff);
                }

            }

This is the JavaScript code I implemented. Make sure not to overlook any details:

      function handleDnDFileSelect(event) {


           /* Read the list of all the selected files. */
          var files = event.dataTransfer.files;

           /* Consolidate the output element. */
           var form = document.getElementById('form1');

         var  fd= new FormData(form);

          for (i = 0; i < files.length; i++) {
               fd.append(files[i].name, files[i]);
           }
           var xhr = new XMLHttpRequest();
         xhr.onreadystatechange = function () {
             if (xhr.readyState == 4 && xhr.status == 200 && xhr.responseText) {
                 alert("Upload completed!");
             } else {
                 //alert("upload failed!");
             }
         };
         xhr.open('POST', "/BC/Product/Modules/UserManagement/BulkUpload.aspx");
        // xhr.setRequestHeader("Content-type", "multipart/form-data");
         xhr.send(fd);

        }

I simply loop through the files and save them with customized names as needed.

Answer 2

Here is my approach:

HttpFileCollection fileCollection = HttpContext.Current.Request.Files;
string savedfile = "";
            for (int i = 0; i < fileCollection.Count; i++)
            {
                try
                {
                    HttpPostedFile upload = fileCollection[i];
                    int f = fileCollection[i].ContentLength;
                    string filename = "/ProductImages/" + fileCollection[i].FileName;
                    upload.SaveAs(Server.MapPath(filename));
                    savedfile += fileCollection[i].FileName;
                }
                catch (Exception ex)
                {
                    List<string> ff = new List<string>();
                    ff.Add(ex.Message.ToString());
                    System.IO.File.WriteAllLines(Server.MapPath("/ProductImages/Error.txt"), ff);
                }

            }

This is the JavaScript code I implemented. Make sure not to overlook any details:

      function handleDnDFileSelect(event) {


           /* Read the list of all the selected files. */
          var files = event.dataTransfer.files;

           /* Consolidate the output element. */
           var form = document.getElementById('form1');

         var  fd= new FormData(form);

          for (i = 0; i < files.length; i++) {
               fd.append(files[i].name, files[i]);
           }
           var xhr = new XMLHttpRequest();
         xhr.onreadystatechange = function () {
             if (xhr.readyState == 4 && xhr.status == 200 && xhr.responseText) {
                 alert("Upload completed!");
             } else {
                 //alert("upload failed!");
             }
         };
         xhr.open('POST', "/BC/Product/Modules/UserManagement/BulkUpload.aspx");
        // xhr.setRequestHeader("Content-type", "multipart/form-data");
         xhr.send(fd);

        }

I simply loop through the files and save them with customized names as needed.

ASP.NET is failing to receive Request.Files, returning null instead

Answer №1

Similar questions

JavaScript call is not appearing during execution on asp.net

Rendering data in React using asynchronous JavaScript and XML (

Creating code that is easily testable for a unique test scenario

Tips for achieving a smooth scroll position maintenance

Having trouble finding the correct route using an ajax request

What is the best way to horizontally align my divs and ensure they stack properly using media queries?

Safari 15.6.1 does not support background video playback in Next.js

Switch up the image automatically after a short amount of time

Slider buttons are not appearing in Time Picker

Restricting the time frame in HTML 5

The PHP file is outputting the JavaScript code but it is not executing

Barrier Preventing My Access to the Page

Utilizing Angular 2's *ngFor to conditionally wrap elements can be compared to organizing a layout with three columns in a Bootstrap row, then starting a

Storing JSON data in a MongoDb database using the Sails.js framework

What causes the axios Library to fail in initiating a request if the API call does not begin with "https://"?

Trouble with useEffect not triggering in NextJS 13.4 (app router) application

Launching a Popup in ASP.NET followed by a Redirect

Excessive data flooding the console through Socket.io until the Payload reaches an unsustainable size

What is the process for using Discriminators, the Mongo DB API, and Mongoose to insert data into Cosmos DB?

Ways to alter an array of objects without using a loop