首页 > 编程 > .NET > 正文

用Html5与Asp.net MVC上传多个文件的实现代码

2024-07-10 13:24:01
字体:
来源:转载
供稿:网友

复制代码 代码如下:


<form action="/Home/Upload" enctype="multipart/form-data" method="post">
<input type="file" multiple="multiple" />
<input type="submit" value="submit" />
</form>


那在Asp.net MVC web application中,我们可以这么实现:

复制代码 代码如下:


@using (Html.BeginForm("Upload", "Home", FormMethod.Post, new { enctype = "multipart/form-data", id = "form2" }))
{
<label for="file">Upload Image:</label>
<input type="file" multiple="multiple" />
<input type="submit" value="Upload Image by submit" />
}


假设这是一个HomeController下View, 即将提交到Upload的Action,看下面服务端的代码:

复制代码 代码如下:


[HttpPost]
public ActionResult Upload(HttpPostedFileBase[] fileToUpload)
{
foreach (HttpPostedFileBase file in fileToUpload)
{
string path = System.IO.Path.Combine(Server.MapPath("~/App_Data"), System.IO.Path.GetFileName(file.FileName));
file.SaveAs(path);
}

ViewBag.Message = "File(s) uploaded successfully";
return RedirectToAction("Index");
}


好的,就这么简单。 这里我们把接收到文件存储到App_Data文件夹中,然后返回Index的Action. 看下面图片,我们能够从文件选择器选择多张图片:

用Html5与Asp.net MVC上传多个文件的实现代码

 

关于HTML5这个特性在那些浏览器支持,您可以去这里。 您还可以查看W3C官方的。我们在FireFox 14.01下测试能过。

希望对您Web开发有帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表