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

ASP.NET MVC解决上传图片脏数据的方法_实用技巧_

2023-05-24 367人已围观

简介 ASP.NET MVC解决上传图片脏数据的方法_实用技巧_

在"在ASP.NET MVC下实现单个图片上传, 客户端服务端双重限制图片大小和格式, 服务端裁剪图片"中，已经实现了在客户端和服务端限制图片大小和格式，以及在服务端裁剪图片。但还有一个重要的话题是需要面对的，那就是图片脏数据问题。

假设用户添加产品信息，并且上传了图片，可之后用户没有点击页面上的添加按钮，这就导致上传图片成为"脏数据"，存在着却一直不会被使用。解决这个问题的大致思路是：

  • 在上传图片的时候，把图片保存到一个临时文件夹，或者叫缓存文件夹
  • 当用户真正保存的时候，再把临时文件夹的图片拷贝到最终目标文件夹

假设，有这样的一个Model，它的ImageUrl属性，用来存放图片真正的相对路径。

 public class ImgVm { [Required(ErrorMessage = "必填")] public string ImageUrl { get; set; } }

在HomeController中，存在如下的一些Action:

  • 提供一个显示上传页面的Action，并且是ImgVm类型的强类型视图，ImgVm的ImageUrl属性用来存放上传图片的相对路径
  • 提供一个接收ImgVm类型的Action,把临时文件夹内的图片复制到目标文件夹内，并且给ImgVm的ImageUrl属性赋上新的图片相对路径
 public ActionResult Index() { return View(new ImgVm()); } [HttpPost] public ActionResult Index(ImgVm imgVm) { if (ModelState.IsValid) { //目标文件夹路径 string pathForRealSaving = Server.MapPath("~/RealUpload/"); //目标文件夹内的用户文件夹路径 string pathForRealUserSaving = Server.MapPath("~/RealUpload/User001/"); //当前文件路径 string existingFilePath = Server.MapPath(imgVm.ImageUrl); //当前文件名,根据文件路径获得 string existingFileName = Path.GetFileName(existingFilePath); if (CreateFolderIfNeeded(pathForRealSaving)) { if (CreateFolderIfNeeded(pathForRealUserSaving)) { //根据当前文件路径获取当前文件 var existingfile = Path.GetFullPath(existingFilePath); //获取目标文件夹内的目标文件 var realfile = Path.Combine(pathForRealUserSaving, existingFileName); //把临时文件内的图片复制到目标文件夹内 System.IO.File.Copy(existingfile, realfile, true); //保存新的图片相对路径 imgVm.ImageUrl = "RealUpload/User001/" + existingFileName; } } return View("showimg", imgVm); } else { return Index(imgVm); } }

Home/Index.cshtml中多了在上传图片成功后给id为ImageUrl隐藏域赋值的部分。

@model MvcApplication10.Models.ImgVm @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml"; }  @using (Html.BeginForm("Index", "Home", FormMethod.Post, new {id = "addForm", @class = "form-horizontal"})) { 
 @Html.HiddenFor(m => m.ImageUrl) 
 } @section scripts {  }

还有一个Home/showimg.cshtml视图，用来显示新的(相对临时文件夹中的那张图片)图片。

@model MvcApplication10.Models.ImgVm @{ ViewBag.Title = "showimg"; Layout = "~/Views/Shared/_Layout.cshtml"; } 
showimg

当然，存放上传图片的临时文件夹是可以随时清理的。

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对的支持。如果你想了解更多相关内容请查看下面相关链接

您可能感兴趣的文章:

上一篇：ASP.NET MVC使用JSAjaxFileUploader插件实现单文件上传_实用技巧_

下一篇：ASP.NET MVC使用jQuery的Load方法加载静态页面及注意事项_实用技巧_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网