在.net MVC中异步上传图片或者文件_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > 在.net MVC中异步上传图片或者文件

在.net MVC中异步上传图片或者文件

 2015/1/17 11:45:03  天道酬勤,  程序员俱乐部  我要评论(0)
  • 摘要:今天用到了MVC异步上传图片,找了半天写下来以后方便查找异步提交图片需要一个MyAjaxForm.cs地址http://pan.baidu.com/s/1i3lA693密码txgp前台代码@using(Ajax.BeginForm("AddMessages","MenuInfo",newAjaxOptions{HttpMethod="post",OnSuccess="Successd"},new{@id="from1",enctype="multipart/form-data"})
  • 标签:.net MVC 图片 上传 文件 net 异步

今天用到了MVC异步上传图片,找了半天写下来以后方便查找
异步提交图片需要一个MyAjaxForm.cs             地址http://pan.baidu.com/s/1i3lA693 密码txgp 
前台代码
                                                

           @using (Ajax.BeginForm("AddMessages", "MenuInfo", new AjaxOptions { HttpMethod = "post", OnSuccess = "Successd" }, new { @id = "from1", enctype = "multipart/form-data" }))  //这里最好还是加上 enctype = "multipart/form-data" }             {
        <input  id="IconUrl" name="IconUrl"  >

        <input type="file" id="files" name="files" value="点击选择图片" /> 
          }

JS代码 

   function fileUp() {             $("#files").change(function () {                 if ($(this).val()) {//选择了图片上传的时候,异步提交                     $("#from1").ajaxSubmit({                           type: "Post",/*设置表单以post方法提交*/                         dataType: "text", /*设置返回值类型为文本*/                         url: '/MenuInfo/UploadImage', /*设置post提交到的页面*/                         success: function (data) {                             $("#IconUrl").val(data); //把返回来的地址赋到那个input上                             $("#files").val("");//把值去掉                         }    })   }   })  } 

后台代码
      public ActionResult UploadImage() {             if (Request.Files["files"] != null)//判断是否能接收到上传的图片             {                 var imgurl = Request.Files["files"];//得到上传图片                 string fileEx = Path.GetExtension(imgurl.FileName);                 if (fileEx == ".jpg" || fileEx == ".jpeg")                 { //这储存这个类型                      string imagePath = "/Upload/Images/" + DateTime.Now.Year + "/" + DateTime.Now.Month + "/" + DateTime.Now.Day + "/";                     if (!Directory.Exists(imagePath))                     {//判断是否有这个文件夹没有创建一个                         Directory.CreateDirectory(Server.MapPath(imagePath));                     }                     //写好保存路径存放                     string fileName = imagePath + Guid.NewGuid().ToString() + imgurl.FileName;                     imgurl.SaveAs(Server.MapPath(fileName));                     return Content(fileName);                 }                 return Content("只支持保存.jpg或者.jpeg格式的图片");             }             else {                  return Content("保存失败");             }   }
发表评论
用户名: 匿名