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

发布时间:2022-04-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了用Html5与Asp.net MVC上传多个文件的实现代码脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

复制代码 代码如下:

<form action="/Home/Upload" enctyPE="multipart/form-data" id="form2" method="post">
<input type="file" name="fileToUpload" id="fileToUpload2" 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" name="fileToUpload" id="fileToUpload2" 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. 看下面图片,我们能够从文件选择器选择多张图片:
mutliImagesfiles&nbsp;

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

希望对您Web开发有帮助。

脚本宝典总结

以上是脚本宝典为你收集整理的用Html5与Asp.net MVC上传多个文件的实现代码全部内容,希望文章能够帮你解决用Html5与Asp.net MVC上传多个文件的实现代码所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:MVC