我正在创建一个DocumentController的文档库应用程序，需要在库中上传每个doument的缩略图。我想将文件上传字段保留在与其他字段(标题，说明，类别ID等)相同的创建/编辑表单上。
问题是我不确定是否可以混合或嵌套表单标签
问题是我不确定是否可以混合或嵌套表单标签
Html.BeginForm("Create","Document",FormMethod.Post,enctype = "multipart/form-data")
和
Html.BeginForm()
我的看法如下：
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<Publications.WebUI.Models.DocumentEditviewmodel >" %> <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> Edit </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> <fieldset> <legend>Edit <%= Html.Truncate(Model.Document.Title,50)%></legend> <%= Html.ValidationSummary(false) %> <% using (Html.BeginForm()) { %> <div class="editor-label"> <%= Html.LabelFor(model => model.Document.Title) %> </div> <div class="editor-field"> <%= Html.HiddenFor(model => model.Document.DocumentId ) %> <%= Html.ValidationMessageFor(model => model.Document.Title) %> <%= Html.TextBoxFor(model => model.Document.Title)%> </div> <div class="editor-label"> <%= Html.LabelFor(model => model.Document.DocumentUrl)%> </div> <div class="editor-field"> <%= Html.ValidationMessageFor(model => model.Document.DocumentUrl)%> <%= Html.TextBoxFor(model => model.Document.DocumentUrl)%> </div> <div class="editor-label"> <%= Html.LabelFor(model => model.Document.Description)%> </div> <div class="editor-field"> <%= Html.ValidationMessageFor(model => model.Document.Description)%> <%= Html.TextAreaFor(model => model.Document.Description) %> </div> <div class="editor-label"> <%= Html.LabelFor(model => model.Document.ThumbnailUrl )%> </div> <div class="editor-field"> <% using (Html.BeginForm("Create",new { enctype = "multipart/form-data" })) {%> <%= Html.ValidationMessageFor(model => model.Document.ThumbnailUrl )%> <input name="uploadFile" type="file" /> <% } %> </div> <div class="formActions"> <div class="backNav"> <%= Html.ActionLink("< Back to List","Index") %> </div> <div class="submit"> <input type="submit" value="Save" /> </div> <% } %> </div> </fieldset> </asp:Content>
我的控制器只需要使用Document模型和HttpPostedFileBase，并尝试将文件上传到服务器并将文档保存到存储库
[HttpPost]
public ActionResult Create(Document document,HttpPostedFileBase uploadFile)
{
if (ModelState.IsValid)
{
//Process file upload
//Update repository
}
return View("List");
}
解决方法
我看过史蒂夫·桑德森的伟大的书(Pro ASP.NET MVC 2框架)，他的运动商店示例应用程序有一个文件上传表单，其中有标准的表单元素与文件上传“multipart / form-data”元素混合。因此，页面上所有表单元素的多部分类型就足够了。虽然上传的图像被保存在数据库中我确信我可以在同一个Action中执行一个file.SaveAs()。感谢桑德森先生。希望你不介意我复制代码…
视图
<asp:Content ContentPlaceHolderID="MainContent" runat="server">
<h1>Edit <%= Model.Name %></h1>
<% using (Html.BeginForm("Edit","Admin",new { enctype = "multipart/form-data" })) { %>
<%= Html.Hidden("ProductID") %>
<p>
Name: <%= Html.TextBox("Name") %>
<div><%= Html.ValidationMessage("Name") %></div>
</p>
<p>
Description: <%= Html.TextArea("Description",null,4,20,null) %>
<div><%= Html.ValidationMessage("Description") %></div>
</p>
<p>
Price: <%= Html.TextBox("Price") %>
<div><%= Html.ValidationMessage("Price") %></div>
</p>
<p>
Category: <%= Html.TextBox("Category") %>
<div><%= Html.ValidationMessage("Category") %></div>
</p>
<p>
Image:
<% if(Model.ImageData == null) { %>
None
<% } else { %>
<img src="<%= Url.Action("GetImage","Products",new { Model.ProductID }) %>" />
<% } %>
<div>Upload new image: <input type="file" name="Image" /></div>
</p>
<input type="submit" value="Save" />
<%=Html.ActionLink("Cancel and return to List","Index") %>
<% } %>
</asp:Content>
控制器
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Edit(Product product,HttpPostedFileBase image)
{
if (ModelState.IsValid) {
if (image != null) {
product.ImageMimeType = image.ContentType;
product.ImageData = new byte[image.ContentLength];
image.InputStream.Read(product.ImageData,image.ContentLength);
}
productsRepository.SaveProduct(product);
TempData["message"] = product.Name + " has been saved.";
return RedirectToAction("Index");
}
else // Validation error,so redisplay same view
return View(product);
}
