• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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文件上传功能的实现
    上一篇:详解ASP.NET数据绑定操作中Repeater控件的用法
    下一篇:.NET实现简易的文件增量备份程序
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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