asp.net MVC实现无组件上传图片实例介绍

  例子:

  如我想上传一个图片到服务器端:asp页面

  

复制代码 代码如下:

  <form id="form1" runat="server" action="/bookIndex/fileUpLoad/(你准备处理的 ActionResult)" method="post" enctype="multipart/form-data">

  <input type="file" id="imageUpLoad" name="imageUpLoad">

  <input type="button" value="点击上传" onclick="UpLoad()">

  ....

  </form>

  js代码:

  

复制代码 代码如下:

  <script type="text/javascript">

  function UpLoad()

  {

  如果有其他的值,判断下是否为空.

  form1.submit();

  }

  <script>

  后台代码

  

复制代码 代码如下:

  public ActionResult fileUpLoad(HttpPostedFileBase imageUpLoad(这里跟前台页面input输入框name保持一致))

  {

  string fileName = imageUpLoad.FileName;

  //转换只取得文件名,去掉路径。

  if (fileName.LastIndexOf("\\") > -1)

  {

  fileName = fileName.Substring(fileName.LastIndexOf("\\") + 1);

  }

  //保存到相对路径下。

  imageUpLoad.SaveAs(Server.MapPath("../../image/img/" + fileName));

  //以下代码是将 路径保存到数据库。

  string ImagePath = "../../image/img/" + fileName;

  string sql = "insert into bookinfo(bookphoto)values('" + ImagePath + "')";

  //封装好的代码,直接调用。

  DataBase db = new DataBase();

  db.getConn();

  int result = db.executeUpdate(sql);

  return View();

  }