如何在asp.new mvc中保存和检索图像

时间:2017-05-17 13:20:43

标签: asp.net-mvc asp.net-mvc-4

如何在asp.new mvc中保存和检索图像


我想上传照片到我的asp.net mvc项目

1 个答案:

答案 0 :(得分:0)

在您的视图中,您必须具有以下输入文件:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id="form1" runat="server">
    <input type='file' id="uploadImg" />
</form>

<div class="previewimg">
  <img id="preview" src="#" alt="your image" />
</div>

并且在控制器中你必须有这样的动作:

<input type="file" name="yourImageTag" />

当您提交表单时,此代码会将附加的图像从项目的根目录保存到图像文件夹。

并且对于检索图片,您必须将地址设置为[HttpPost] public ActionResult UploadImage() { if (Request.Files.Count > 0) { var file = Request.Files[0]; if (file != null && file.ContentLength > 0) { var fileName = Path.GetFileName(file.FileName); var path = Path.Combine(Server.MapPath("~/Images/"), fileName); file.SaveAs(path); } } return RedirectToAction("Every action"); }

~/Images/filename