How to save image/video on server with or without web api in MVC?

You can follow these steps, for uploading user pictures on the server

1. Create a folder("Upload") on your server or on your project inside "Images" folder
2. on View create a form with FormMethod.Post and enctype = "multipart/form-data"
   

   @using (Html.BeginForm("Action", "Controller", FormMethod.Post, new { enctype = "multipart/form-data" })
   {
   
    <input type="file" name="ImageFile" id="ImageFile" />
   
   <input type="submit" value="Submit" id="Submit" />
   }?

3. On the controller side, create a C# to upload and save file on server and URL in database
   

           [HttpPost]
           public ActionResult ImageUpload()
           {
               if (Request.Files.Count > 0)
               {
                   try
                   {
                       //  Get all files from Request object  
                       HttpFileCollectionBase files = Request.Files;
                       var savedurl = "";
                       for (int i = 0; i < files.Count; 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;
                           }
                           string subPath = "~/Images/Upload/"; // your code goes here
   
                           bool exists = System.IO.Directory.Exists(Server.MapPath("~/Images/Upload/"));
   
                           if (!exists)
                           { System.IO.Directory.CreateDirectory(Server.MapPath("~/Images/Upload/")); }
   
   
                           // Get the complete folder path and store the file inside it.  
                           fname = Path.Combine(Server.MapPath("~/Images/Upload/"), fname);
                           savedurl = "/Images/Upload/" + file.FileName;
   
                            //save this URL in database here
   
                           //save file on server
   
                           file.SaveAs(fname);
                       }
                       // Returns message that successfully uploaded  
                       return Json(new { MSG="File Uploaded Successfully!" , SAvedUrl= savedurl },JsonRequestBehavior.AllowGet);
                   }
                   catch (Exception ex)
                   {
                       return View("_Error");
                   }
               }
               else
               {
                   return View("_Error");
               }
           }

4. That's it, you are done.
5. you can also check the answer on this question https://qawithexperts.com/questions/14/how-to-upload-image-in-c-mvc

If you want to use any plugin like Dropzone JS for drag and drop feature you can check this article

https://qawithexperts.com/article/asp.net/file-uploading-using-dropzone-js-html5-in-mvc/81