asp.net core实现文件上传功能-巨人网络通讯

本文实例为大家分享了单文件上传、多文件上传的功能，供大家参考，具体内容如下

单文件上传
上传文件在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.SetUser>();
  var dbUser = new User() {
    Name = user.Name,
    IdCardNum = user.IdNum,
    IdCardImgName = fileName
  };
  users.Add(dbUser);
  dbContext.SaveChanges();

  return RedirectToAction(nameof(Index));
}

运行程序，查看表单:

多文件上传

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

示例源码
注：示例数据存储使用的 Sqlite ，Code First方式生成数据库。
示例代码已经上传至 github： https://github.com/yuleyule66/AspNetCoreFileUpload

本文地址：http://www.cnblogs.com/savorboard/p/5599563.html
作者博客：Savorboard

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

您可能感兴趣的文章:

ASP.NET Core文件上传与下载实例(多种上传方式)
asp.net core分块上传文件示例
asp.net core mvc实现文件上传实例
asp.net core webapi文件上传功能的实现

全 部 栏 目

全部栏目