ajax send FormData c# WebMethod

Question

I have a form with a File Input and one Button, when I press the button the file should go to the server side. When I send a file to the server the ajax response is success, never stop in the c# webmethod breakpoint that I use. What I am doing wrong? The Form: (Default.aspx)

Seleccione el archivo que desea subir

The Script: (Default.aspx) function sendFile() { var data = new FormData(); var file = $("#FileInput")[0].files[0]; data.append("name", file.name); data.append("size", file.size); data.append("type", file.type); data.append("file", file); $.ajax({ type: "POST", async: true, url: "Default.aspx/UploadBlock", data: data, cache: false, contentType: false, processData: false, success: function (result) { alert("Success: " + result); }, error: function (xhr, status) { alert("An error occurred: " + status); } }); }; The WebMethod: (Default.aspx.cs) [WebMethod(EnableSession = true)] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public static Respuesta UploadBlock() { Respuesta res = new Respuesta { Success = true, Message = "OK" }; //Break point here return res; } Thanks. JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

In case someone comes across this as I did... WebMethods expect a content-type of application/json - https://stackoverflow.com/a/25531233/2913189 If you set the content-type to false, the ajax call will not hit your webmethod, it will go to page_load. There seems to be some other ways of accomplishing a file upload via stringifying the file but I was unable to get a working solution, so I simply created an HttpHandler (.ashx) file, compiled, and added the reference in web.config. Using a handler, you can set the content-type to "false" in your ajax call and not have any problems. I sent the information as FormData, and it was easily consumed in the handler using context.Request.Files and context.Request snippet of ajax call: var fileControl = $("#file")[0].files[0]; var formData = new FormData(); formData.append("employeeId", employeeId); formData.append("userfile", fileControl); formData.append("filetype", uploadTypeSelect.val()); $.ajax({ type: "POST", contentType: false, url: "/Handlers/MyUploadHandler.ashx", processData: false, data: formData, success: function (msg) { //do something }, error: function (xhr, ajaxOptions, thrownError) { //do something } }); Snippet of handler: public override async Task ProcessRequestAsync(HttpContext context) { context.Response.ContentType = "text/plain"; var uploadedFile = context.Request.Files[0]; //only uploading one file var fileName = uploadedFile.FileName; var fileExtension = uploadedFile.ContentType; var folder = "MyOneDriveFolder"; //this is an method written elsewhere to upload a file to OneDrive var uploaded = await OneDriveUpload.UploadDocument(filename,uploadedFile.InputStream, folderName, 0); context.Response.Write("Whatever you like"); }