7


ユーザーがアップロードした画像を保存して、自分のWebサイトに表示するための最良の方法は何ですか？

  1. DBにバイナリとして保存します。では、`img`でどのように表示すればよいですか？
    どういうわけかディレクトリに書き込んでから、そのアドレスを`img`の`src`属性として渡す必要があると思います。
  2. Webサーバーのどこかに保存し、画像のアドレスをデータベースに保存できます。次に、データベースのアドレスを`src`属性で指定するだけです。
  3. 他の方法？！

私の意見では、2番目の方法の方が便利です。
そして別の質問！
どちらの場合も、この画像をhtml形式でアップロードするにはどうすればよいですか？の@Htmlようなものがあり、アクションで@Html.FileFor(...)データを取得するにはどうすればよいですか？ 私はどんな提案にも感謝します。<input type='file'/>

4

1 に答える 1

15

私の意見では、2番目の方法の方が便利です。

ええ、私の意見でも。

どちらの場合も、この画像をhtml形式でアップロードするにはどうすればよいですか？

とても簡単。ASP.NET MVCアプリケーションではいつものように、ビューモデルを設計することから始めます。

public class MyViewModel
{
    [Required]
    public HttpPostedFileBase File { get; set; }
}

次に、2つのアクション（1つはビューのレンダリング、もう1つはファイルのアップロードの処理）を備えたコントローラーを作成できます。

public class HomeController: Controller
{
    public ActionResult Index()
    {
        return View(new MyViewModel());
    }

    [HttpPost]
    public ActionResult Index(MyViewModel model)
    {
        if (!ModelState.IsValid)
        {
            // the user didn't upload any file =>
            // render the same view again in order to display the error message
            return View(model);
        }

        // at this stage the model is valid => 
        // you could handle the file upload here

        // let's generate a filename to store the file on the server
        var fileName = Guid.NewGuid().ToString() + Path.GetFileName(file.FileName);
        var path = Path.Combine(Server.MapPath("~/App_Data"), fileName);
        // store the uploaded file on the file system
        file.SaveAs(path);

        // TODO: now you could store the path in your database

        // and finally return some ActionResult
        // to inform the user that the upload process was successful
        return Content("Thanks for uploading. Your file has been successfully stored on our server");
    }
}

そして最後に、ファイルをアップロードするためのフォームに対抗する、対応する強く型付けされたビューがあります。

@model MyViewModel
@using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <div>
        @Html.LabelFor(x => x.File)
        @Html.TextBoxFor(x => x.File, new { type = "file" })
        @Html.ValidationMessageFor(x => x.File)
    </div>
    <button type="sybmit">Upload</button>
}

Phil Haack's blog postまた、ASP.NETMVCでのファイルのアップロードが機能することを示す説明を読むことをお勧めします。

于 2013-02-03T17:37:53.843 に答える