Загрузка изображения в ASP.NET MVC
У меня есть форма Upload, и я хочу передать информацию, такую как изображение и некоторые другие поля, но я не знаю, как я могу загрузить изображение.
вот код моего контроллера:
[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();? Или как задать путь к изображению?
Во-первых, вам нужно изменить свой вид, чтобы включить следующее:
<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
}
}
Вы можете получить его из Request, используя коллекцию Request.Files, В случае загрузки одного файла просто прочитайте из первого индекса, используя 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.
