存储用户上传的图像然后将其显示在我的网站中的最佳方式是什么?
- 将其作为二进制存储在数据库中。那我该如何用`img`来显示它呢?
我想我应该以某种方式将其写入目录,然后将其地址作为“img”的“src”属性传递。 - 我可以将其存储在网络服务器中的某个位置,将图像的地址存储在数据库中。那么我应该简单地在“src”属性中指定数据库中的地址。
- 其他方式?!
我认为第二种方式更方便。
还有一个问题!
在这两种情况下,我如何以 html 形式上传这些图像? @Html
没有类似 @Html.FileFor(...)
的东西以及如何获取 <input type='file'/>
的数据在我的行动中?
我很感激任何建议。
最佳答案
in my opinion the second way is more convenient.
我也这么认为。
In both case How Can I upload this images in html form?
非常简单。与往常一样,在 ASP.NET MVC 应用程序中,您首先要设计 View 模型:
public class MyViewModel
{
[Required]
public HttpPostedFileBase File { get; set; }
}
那么您可以拥有一个具有 2 个操作的 Controller (一个呈现 View ,另一个处理文件上传):
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");
}
}
最后您将拥有一个相应的强类型 View ,它将包含上传文件的表单:
@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.NET MVC 中文件上传的工作原理。
关于asp.net-mvc - 以表单上传图像并在 MVC 4 上显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14675185/