最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小OO 时间:2020-11-27 22:37:22
文档

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

本文实例为大家分享了单文件上传、多文件上传的功能,供大家参考,具体内容如下:单文件上传;上传文件在Web应用程序中是一个常见的功能。在asp.net core中上传文件并保存在服务器上,是很容易的。下面就来演示一下怎么样在 ASP.NET Core项目中进行文件上传。首先,创建一个 asp.net core 项目,然后在Controller文件件添加一个HomeController,然后在 Views 文件夹的 Home 文件夹里添加一个 New.cshtml 视图文件。如下图: 。添加一个 UserViewModel.cs在 Model 文件夹中 .代码如下:
推荐度:
导读本文实例为大家分享了单文件上传、多文件上传的功能,供大家参考,具体内容如下:单文件上传;上传文件在Web应用程序中是一个常见的功能。在asp.net core中上传文件并保存在服务器上,是很容易的。下面就来演示一下怎么样在 ASP.NET Core项目中进行文件上传。首先,创建一个 asp.net core 项目,然后在Controller文件件添加一个HomeController,然后在 Views 文件夹的 Home 文件夹里添加一个 New.cshtml 视图文件。如下图: 。添加一个 UserViewModel.cs在 Model 文件夹中 .代码如下:

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

单文件上传
 上传文件在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

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

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

本文实例为大家分享了单文件上传、多文件上传的功能,供大家参考,具体内容如下:单文件上传;上传文件在Web应用程序中是一个常见的功能。在asp.net core中上传文件并保存在服务器上,是很容易的。下面就来演示一下怎么样在 ASP.NET Core项目中进行文件上传。首先,创建一个 asp.net core 项目,然后在Controller文件件添加一个HomeController,然后在 Views 文件夹的 Home 文件夹里添加一个 New.cshtml 视图文件。如下图: 。添加一个 UserViewModel.cs在 Model 文件夹中 .代码如下:
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top