您的位置:首页 > 编程语言 > ASP

asp.net core实现文件上传功能

2016-06-20 00:00 1271 查看
本文实例为大家分享了单文件上传、多文件上传的功能,供大家参考,具体内容如下

单文件上传

上传文件在Web应用程序中是一个常见的功能。在asp.net core中上传文件并保存在服务器上,是很容易的。下面就来演示一下怎么样在 ASP.NET Core项目中进行文件上传。

首先,创建一个 asp.net core 项目,然后在Controller文件件添加一个HomeController,然后在 Views 文件夹的 Home 文件夹里添加一个 New.cshtml 视图文件。如下图:



添加一个 UserViewModel.cs在 Model 文件夹中 , 代码如下:

public class UserViewModel
{
[Required]
[Display(Name = "姓名")]
public string Name { get; set; }

[Required]
[Display(Name = "身份证")]
[RegularExpression(@"^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$", ErrorMessage = "身份证号不合法")]
public string IdNum { get; set; }

public string IdCardImgName { get; set; }

[Required]
[Display(Name = "身份证附件")]
[FileExtensions(Extensions = ".jpg,.png", ErrorMessage = "图片格式错误")]
public IFormFile IdCardImg { get; set; }
}


然后添加一个 New.cshtml 视图文件在 Views 文件夹中:

@model UserViewModel

<form asp-controller="Home" role="form" asp-action="New" enctype="multipart/form-data" method="post">
<div class="form-group">
<label asp-for="Name"></label>
<input type="text" class="form-control" asp-for="Name" />
</div>
<div class="form-group">
<label asp-for="IdNum"></label>
<input type="text" class="form-control" asp-for="IdNum" />
</div>
<div class="form-group">
<label asp-for="IdCardImg"></label>
<input type="file" asp-for="IdCardImg" />
<p class="help-block">上传。</p>
</div>
<button type="submit" class="btn btn-default">提交</button>
</form>


在 HomeController 中,添加页面对应的 Action 方法:

[HttpPost]
public IActionResult New([FromServices]IHostingEnvironment env, [FromServices]AppDbContext dbContext, UserViewModel user) {
var fileName = Path.Combine("upload", DateTime.Now.ToString("MMddHHmmss") + ".jpg");
using (var stream = new FileStream(Path.Combine(env.WebRootPath, fileName), FileMode.CreateNew)) {
user.IdCardImg.CopyTo(stream);
}

var users = dbContext.Set<User>();
var dbUser = new User() {
Name = user.Name,
IdCardNum = user.IdNum,
IdCardImgName = fileName
};
users.Add(dbUser);
dbContext.SaveChanges();

return RedirectToAction(nameof(Index));
}


运行程序,查看表单:





多文件上传

多文件上传和单文件上传类似,表单的 ViewModel 使用 ICollection<IFromFile> ,然后表单的<input type="file" asp-for="IdCardImg" mulpitle /> 添加上mulpitle就可以了(只支持 H5)。

示例源码

注:示例数据存储使用的 Sqlite ,Code First方式生成数据库。

示例代码已经上传至 github: https://github.com/yuleyule66/AspNetCoreFileUpload

本文地址:http://www.jb51.net/content/10909683.html

作者博客:Savorboard

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

asp.net下文件上传和文件删除的代码
asp.net web大文件上传带进度条实例代码
Asp.net 文件上传类(取得文件后缀名,保存文件,加入文字水印)
asp.net neatUpload 支持大文件上传组件
asp.net 模拟提交有文件上传的表单(通过http模拟上传文件)
asp.net 多文件上传,兼容IE6/7/8,提供完整代码下载
asp.net(c#)开发中的文件上传组件uploadify的使用方法(带进度条)
Asp.Net 无刷新文件上传并显示进度条的实现方法及思路
asp.net 文件上传实例汇总
asp.net fileupload控件上传文件与多文件上传
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  asp.net core 文件上传