ASP.NET MVC でファイルのアップロードを行う

ファイルのアップロードってなんか面倒くさそーなイメージがあったのですが、ASP.NET MVCのモデルバインディングを使えば簡単にできるんですね。

こんな感じのサンプルを作って試してみます。

f:id:nakaji999:20140718013329p:plain

View

<h2>ファイルアップロードのサンプル</h2>

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

enctypeにmultipart/form-dataを指定するのがポイントでしょうか。ファイル選択できるようにinput要素のtype属性にfileを指定します。

Controller

    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            return View();
        }

        [HttpPost]
        public ActionResult Index(HttpPostedFileWrapper uploadFile)
        {
            if (uploadFile != null)
            {
                uploadFile.SaveAs(Server.MapPath("~/uploads/") + uploadFile.FileName);
            }

            return View();
        }
    }
}

POST時のメソッドの引数にHttpPostedFileWrapper型のパラメータを指定しています。アップロードされたファイルを簡単に扱えるようにカプセル化されたクラスになります。

HttpPostedFileWrapper クラス (System.Web)

このクラスのSaveAsメソッドを使用すればアップロードされたファイルを保存することができます。

その他 - ファイルが指定されなかった場合にはuploadFileはnullになる - Server.MapPathメソッドでURLをサーバ上のフルパス名に変換する

ひとこと

ASP.NET 便利ですね。まだまだ知らない事がたくさんあるので少しずつでも勉強していけたらと思います。

最後に、昨日ソニックガーデンの倉貫さんが呟いてたひと言。

アジャイルにしろクラウドにしろ、なんだって手に入れたらすぐにうまくいくようなモノなんて何もない。勇者の剣みたいな装備するだけで、高い攻撃力を得るなんてことはゲームの中だけだ。新しい何かがあるとして、それを知るだけでなく、どれだけ時間をかけて経験して取り組むか、そこで差がつく筈だ。
— Yoshihito Kuranuki (@kuranuki) 2014, 7月 17