• 技术文章 >后端开发 >C#.Net教程

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

    高洛峰高洛峰2017-02-07 11:42:12原创988
    本文实例为大家分享了单文件上传、多文件上传的功能,供大家参考,具体内容如下

    单文件上传
    上传文件在Web应用程序中是一个常见的功能。在asp.net core中上传文件并保存在服务器上,是很容易的。下面就来演示一下怎么样在 ASP.NET Core项目中进行文件上传。
    首先,创建一个 asp.net core 项目,然后在Controller文件件添加一个HomeController,然后在 Views 文件夹的 Home 文件夹里添加一个 New.cshtml 视图文件。如下图:

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

    添加一个 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方式生成数据库。

    更多asp.net core实现文件上传功能相关文章请关注PHP中文网!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:详解ASP.NET Core 在 JSON 文件中配置依赖注入 下一篇:ASP.NET Core配置教程之读取配置信息
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• SUNWEN教程之----C#进阶(五)• Redis教程(十五):C语言连接操作代码实例• 关于hibernate缓存的问题:• asp.net中3种验证码示例(数字,数字字母混和,汉字)• C# 动态加载Dll
    1/1

    PHP中文网