Datei per ASP.NET MVC hochladen

Upload File with ASP.NET MVC ★ ★ ★ ★ ★ 👍 👎

Vor einiger Zeit hatte ich bereits beschrieben, wie sich eine Datei per ASP.NET MVC ausliefern lässt. Ergänzend dazu möchte ich mit diesem Beitrag erklären, wie sich Dateien per ASP.NET MVC einfach hochladen lassen.

Zuerst erstellen wir eine minimale Ansicht (im Beispiel für eine Galerie) mit einem entsprechenden Formular:

View: ~/Views/Gallery/Upload.cshtml

010203040506

@using(Html.BeginForm("Upload", "Gallery", FormMethod.Post, new {    enctype = "multipart/form-data"})) {    <input type="file" name="file" />    <input type="submit" />}

Zur Verarbeitung verwenden wir die folgende einfache Methode im Controller:

Controller: ~/Controllers/GalleryController.cs

010203040506070809

public class GalleryController : Controller {    public ActionResult Upload(HttpPostedFileBase file = null) {        if(file != null) {            file.SaveAs(file.FileName);        }
        return View();    }}

Über HttpPostedFileBase stehen uns – wie im Beispiel ersichtlich – insbesondere die Eigenschaft FileName mit dem ursprünglichen Dateinamen, sowie die praktische Methode SaveAs(…) zur Verfügung.

Auch mehrere Dateien hochzuladen ist kein Problem, dazu müssen wir der Methode Upload lediglich ein HttpPostedFileBase-Array übergeben:

Controller: ~/Controllers/GalleryController.cs (multiples Hochladen)

0102030405060708091011

public ActionResult Upload(HttpPostedFileBase[] files = null) {    if(files != null) {        foreach(HttpPostedFileBase file in files) {            if(file != null) {                file.SaveAs(file.FileName);            }        }    }
    return View();}

Nun können wir in der Ansicht mehrere Felder zur Auswahl einer Datei anbieten:

View: ~/Views/Gallery/Upload.cshtml (multiples Hochladen)

0102030405060708

@using(Html.BeginForm("Upload", "Gallery", FormMethod.Post, new {    enctype = "multipart/form-data"})) {    <input type="file" name="files" />    <input type="file" name="files" />
    <input type="submit" />}