file upload using mvc

Question

Below is my ajax call How to send a file uploaded to action method in the following format only using ajax. The parameter in the data file will not change. $.ajax({ type: Post url: '/Student/SaveApplication' data: mobilenumber= + mobilenumber + &quota= + quota + &subjectList= + subjectList datatype: 'json' contentType: multipart/form-data processData: false cache: false success: function (op) { } }); The action method will also be parameterized public ActionResult SaveApplication(string subjectListstring mobilenumberstring quota) { //code to save data }

Dipika · Answer

Gnanavel Sekar Coz i have already written the code to save to form using serialize method The data m sending thru ajax is like data: mobilenumber= + mobilenumber + &quota= + quota + &subjectList= + subjectList and action method like public ActionResult SaveApplication(string subjectListstring mobilenumberstring quota)

Joginder Banger · Answer

what you think about this link. http://www.c-sharpcorner.com/UploadFile/manas1/upload-files-through-jquery-ajax-in-Asp-Net-mvc/ input type = file id = FileUpload1 /> input type = button id = btnUpload value = Upload Files /> script src = https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js > script > script > $(document).ready(function(){ $('#btnUpload').click(function () { // Checking whether FormData is available in browser if (window.FormData !== undefined) { var fileUpload = $(#FileUpload1).get(0); var files = fileUpload .files; // Create FormData object var fileData = new FormData(); // Looping over all files and add it to FormData object for (var i = 0 ; i files.length ; i++) { fileData.append(files[i].name files[i]); } // Adding one more key to FormData object fileData.append('username' ‘Manas’); $.ajax({ url: '/Home/UploadFiles' type: POST contentType: false // Not to set any content header processData: false // Not to process data data: fileData success: function (result) { alert(result); } error: function (err) { alert(err.statusText); } }); } else { alert(FormData is not supported.); } }); }); script > Controller [HttpPost] public ActionResult UploadFiles() { // Checking no of files injected in Request object if (Request.Files.Count > 0) { try { // Get all files from Request object HttpFileCollectionBase files = Request.Files; for ( int i = 0; i { //string path = AppDomain.CurrentDomain.BaseDirectory + Uploads/; //string filename = Path.GetFileName(Request.Files[i].FileName); HttpPostedFileBase file = files[i]; string fname; // Checking for Internet Explorer if (Request.Browser.Browser.ToUpper() == IE || Request.Browser.Browser.ToUpper() == INTERNETEXPLORER ) { string [] testfiles = file.FileName.Split( new char [] { '\' }); fname = testfiles[testfiles.Length - 1]; } else { fname = file.FileName; } // Get the complete folder path and store the file inside it. fname = Path.Combine(Server.MapPath( ~/Uploads/ ) fname); file.SaveAs(fname); } // Returns message that successfully uploaded return Json( File Uploaded Successfully! ); } catch (Exception ex) { return Json( Error occurred. Error details:  + ex.Message); } } else { return Json( No files selected. ); } }

Gnanavel Sekar · Answer

You can get the answer here. https://www.codeproject.com/Articles/1021004/Upload-File-Using-Ajax-And-HTML-in-MVC https://cmatskas.com/upload-files-in-asp-net-mvc-with-javascript-and-c/ http://www.codecompiled.com/upload-file-mvc-using-ajax/

Gnanavel Sekar · Answer

Sorry pal @vasanthi to be honest i don't know that way..just let me know the answer once you got your logic. Thanks.

Dipika · Answer

I dnt want to use form data..

Gnanavel Sekar · Answer

hi @Vasanti i think without FormData we can't get the uploaded file in jquery ajax.. and may i know why you want another way to post the file to api

Dipika · Answer

hi I dnt want using var data = new FormData ();