您现在的位置是:网站首页> 编程资料编程资料

asp.net core实现文件上传功能_实用技巧_

2023-05-24 293人已围观

简介 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 

上传。

在 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(); var dbUser = new User() { Name = user.Name, IdCardNum = user.IdNum, IdCardImgName = fileName }; users.Add(dbUser); dbContext.SaveChanges(); return RedirectToAction(nameof(Index)); } 

运行程序,查看表单: 

多文件上传

多文件上传和单文件上传类似,表单的 ViewModel 使用 ICollection ,然后表单的 添加上mulpitle就可以了(只支持 H5)。 

示例源码 

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

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

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

-六神源码网