Image Upload

Question

I have a projrct but i want to add another fields for uploade image and save in a folder and database as well.

Soheb Ahmad · Answer

i build this Peoject using Asp.net MVC in visual studio

Jithu Thomas · Answer

Mr. Soheb you have to specify which programming language and platform which your project is being build. say example asp.net with c# or asp.net with VB.net or windows application or MVC Regards,

Jobin S · Answer

Hi saheb, Try this https://www.c-sharpcorner.com/article/simplifying-file-uploads-with-net-core-7-minimal-apis/

Jithu Thomas · Answer

Mr. Soheb Ahmad This can be achieved in simple 7 steps: - 1. Set Up the Model First, create a model to represent the image data. This includes the path to the image. // Models/ImageModel.cs namespace YourNamespace.Models { public class ImageModel { public int Id { get; set; } public string ImagePath { get; set; } } } 2. Create a Database Context Set up the database context to interact with the database. // Data/ApplicationDbContext.cs using System.Data.Entity; using YourNamespace.Models; namespace YourNamespace.Data { public class ApplicationDbContext : DbContext { public DbSet Images { get; set; } } } 3. Set Up the Controller Create a controller to handle the image upload logic. // Controllers/ImageController.cs using System; using System.IO; using System.Web; using System.Web.Mvc; using YourNamespace.Data; using YourNamespace.Models; namespace YourNamespace.Controllers { public class ImageController : Controller { private readonly ApplicationDbContext _context; public ImageController() { _context = new ApplicationDbContext(); } [HttpGet] public ActionResult Upload() { return View(); } [HttpPost] public ActionResult Upload(HttpPostedFileBase file) { if (file != null && file.ContentLength > 0) { var fileName = Path.GetFileName(file.FileName); var path = Path.Combine(Server.MapPath("~/Images/"), fileName); file.SaveAs(path); var image = new ImageModel { ImagePath = "/Images/" + fileName }; _context.Images.Add(image); _context.SaveChanges(); return RedirectToAction("UploadSuccess"); } return View(); } public ActionResult UploadSuccess() { return View(); } } } 4. Create the Views Set up the views to upload the image and display success message. Upload View: @{ ViewBag.Title = "Upload Image"; } Upload Image @using (Html.BeginForm("Upload", "Image", FormMethod.Post, new { enctype = "multipart/form-data" })) { Upload } UploadSuccess View: @{ ViewBag.Title = "Upload Success"; } Upload Successful Your image has been uploaded successfully. 5. Configure the Database Ensure you have the necessary database configurations in Web.config. 6. Create the Images Folder Ensure you have an Images folder in the root of your project where the images will be saved. 7. Enable Migrations and Update Database Enable migrations and update the database to create the necessary table. enable-migrations add-migration InitialCreate update-database

Image Upload

Answers (4)