web-dev-qa-db-ja.com

ASP.NET MVCでの画像のアップロード

アップロードフォームがあり、画像やその他のフィールドなどの情報を渡したいのですが、画像をアップロードする方法がわかりません。

これは私のコントローラーコードです：

_[HttpPost]
        public ActionResult Create(tblPortfolio tblportfolio)
        {
            if (ModelState.IsValid)
            {
                db.tblPortfolios.AddObject(tblportfolio);
                db.SaveChanges();
                return RedirectToAction("Index");  
            }

            return View(tblportfolio);
        }
_

そして、これは私のビューコードです：

_@model MyApp.Models.tblPortfolio

<h2>Create</h2>

@using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>tblPortfolio</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Title)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Title)
            @Html.ValidationMessageFor(model => model.Title)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.ImageFile)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.ImageFile, new { type = "file" })
            @Html.ValidationMessageFor(model => model.ImageFile)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Link)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Link)
            @Html.ValidationMessageFor(model => model.Link)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}
_

今、画像をアップロードしてサーバーに保存する方法がわかりません.. Guid.NewGuid();で画像名を設定するにはどうすればよいですか？または、画像パスを設定するにはどうすればよいですか？

c#.netasp.net-mvcasp.net-mvc-3razor
41
Persian.

まず、以下を含むようにビューを変更する必要があります。

<input type="file" name="file" />

次に、投稿をActionMethodからHttpPostedFileBaseに変更する必要があります。

[HttpPost]
public ActionResult Create(tblPortfolio tblportfolio, HttpPostedFileBase file)
{
    //you can put your existing save code here
    if (file != null && file.ContentLength > 0) 
    {
        //do whatever you want with the file
    }
}
45
mattytommo

Request.Filesコレクションを使用してRequestから取得できます。単一ファイルのアップロードの場合は、Request.Files[0]を使用して最初のインデックスから読み取ります。

[HttpPost]
public ActionResult Create(tblPortfolio tblportfolio) 
{
 if(Request.Files.Count > 0)
 {
 HttpPostedFileBase file = Request.Files[0];
 if (file != null) 
 { 
  // business logic here  
 }
 } 
}

複数のファイルをアップロードする場合は、Request.Filesコレクションを反復処理する必要があります。

[HttpPost] 
public ActionResult Create(tblPortfolio tblportfolio)
{ 
 for(int i=0; i < Request.Files.Count; i++)
 {
   HttpPostedFileBase file = Request.Files[i];
   if (file != null)
   {
    // Do something here
   }
 }
}

ページを更新せずにajax経由でファイルをアップロードする場合は、 jqueryプラグインを使用するこの記事 を使用できます

3
Ehsan Sajjad