Home / Questions / 14212
Accepted
Lucas. D
Asked: 2020-06-17 10:32:52 +0800 CST 2020-06-17 10:32:52 +0800 CST

Upload images to the index with MVC 4 C#

  • 772

I have in my "Upload" view the following code:

<form action="" method="post" enctype="multipart/form-data">

<label for="file">Filename:</label>
<input type="file" name="file" id="file" />

<input type="submit" />
</form>

And in my controller "SubidaController" the following

public ActionResult Subida()
    {
        return View();
    }

I need that from the form of my view I can load an image and then go to the index and see it there. That is to say that when uploading an image it must be saved within a physical directory of my project so when restarting or reloading the page the images are not lost. I have searched and tried the methods using sites like this http://haacked.com/archive/2010/07/16/uploading-files-with-aspnetmvc.aspx/ but have not achieved what I need.

edited

Here I found the way to do it, the only problem I have is that they are not shown on my Home page, they are only saved in the "images" folder of my project http://www.dotnetdreamer.net/upload-imagedisplay-image -in-aspnet-mvc

Upload View enter image description here

UploadController enter image description here

HomeController enter image description here

c#

1 Answers

  1. Best Answer

    welcome to SOes, there are several ways to achieve what you say, here I give you a simple one:

    In the controller where you GETdo theIndex

    ViewBag.Imagen = Server.MapPath("~") + @"Content\Images\ImagenAMostrar.png";

    In the view

     <img src="@ViewBag.Imagen" alt="IMAGES" />

    Successes and blessings with programming, give it all the power 2.0! You're on the right track :D

    Update

    I have the folder Uploadsin the root of the project:

    enter image description here

    In the controller Home:

    public ActionResult Index()
    {
        List<string> listaRutaImagenes = new List<string>();
        var carpeta = Server.MapPath("~") + @"Uploads";
        //Necesitas: using System.IO; para realizar esto
        DirectoryInfo d = new DirectoryInfo(carpeta);
        //Obtenemos todos los .jpg
        FileInfo[] Files = d.GetFiles("*.jpg");          
        //Recorremos la carpeta
        foreach (FileInfo file in Files)
        {
            listaRutaImagenes.Add(file.Name);
        }
        ViewBag.lista = listaRutaImagenes;
        return View();
    }

    In the view: Views\Home\Index :

    @foreach (var item in ViewBag.lista)
    {
        <img src="~/Uploads/@item" width="300" height="300" alt="" />
    }

    Resulting:

    enter image description here

    • 2