我有一个ASP.NET MVC网站。我需要一个用户必须输入多个字段的页面,包括图像文件。
我可以找到许多使用MVC上传文件的参考资料。但是他们不会将文件作为包含其他字段的表单的一部分上传。
理想情况下,字段和文件将发送到单个控制器。有什么提示吗?
答案 0 :(得分:11)
如果您不使用第三方库,请尝试以下操作:
模型
public class Strategy
{
public int ID { get; set; }
public string Name { get; set; }
public byte[] File { get; set; }
}
查看
@model TEST.Model.Strategy
@using (Html.BeginForm("Add", "Strategy", FormMethod.Post, new { @id = "frmStrategy", enctype = "multipart/form-data" }))
{
@Html.TextBoxFor(x => x.Name)
<input id="templateFile" name="templateFile" type="file" />
@Html.HiddenFor(x => x.ID)
}
控制器
[HttpPost]
public ActionResult Add(Strategy model, HttpPostedFileBase templateFile)
{
if (templateFile != null && templateFile.ContentLength > 0)
{
try
{
var fname = Path.GetFileName(templateFile.FileName);
using (MemoryStream ms = new MemoryStream())
{
templateFile.InputStream.CopyTo(ms);
byte[] array = ms.GetBuffer();
model.File = array;
}
...
答案 1 :(得分:6)
您可以使用FineUploader。 See Demo
Valums Uploader。它使用纯Javascript(使用Iframe上传文件)
您可能需要使用客户端插件。 Plupload是一种可能的选择。以及如何将它集成到MVC应用程序中的here's an example。另一个支持此功能的流行插件是Uploadify。
Asp.net mvc 3 file uploads using the fileapi
参见Progress Demo 1,2&amp; 3 http://jquery.malsup.com/form/#file-upload