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

前端技术 2023/09/03 .NET

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

单文件上传
 上传文件在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.cnblogs.com/savorboard/p/5599563.html
 作者博客：Savorboard

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

本文地址：https://www.stayed.cn/item/6671

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案