MVC 上传图片

   直接上代码：

     页面：Index.aspx

 1    <form action="/UploadImage/AddNew"  method="post" name="fall" enctype="multipart/form-data">
 2         <table cellspacing="1" cellpadding="5" width="760px" align="center" border="0" bgcolor="#E6E6E6">
 3                <tr>
 4                    <td width="20%" align="right" class="title">
 5                        上传图片：
 6                    </td>
 7                    <td align="left" class="content">
 8                        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="jiage">
 9                            <tr>
                                <td width="36%" rowspan="2" align="center">
                                    <div id="img_s">
                                        <img src="/content/images/nopic.gif" border="0" />
                                    </div>
                                </td>
                                <td width="64%" height="41" colspan="2">
                                    <br />
                                    <div id="input_s">
                                        <input name="uploadpic" type="file" id="uploadfile" size="20"/>
                                      
                                    </div>
                                    <br />
                                    <font color="#999999">图片格式必须为jpg或gif格式，图片大小不超过200K。</font>
                                </td>
                            </tr>
                            <tr>
                                <td height="30" colspan="2">
                                    <input type="button" name="BtnUp" value="上传" onclick="UpLoadPic()" />
                                    <input type="submit" name="submit" value="提交" />
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <%= ViewData["Error"]  %>
            
    </form>

 

 

2. UploadImageController.cs

 1  public ActionResult Index()
 2        {
 3            return View();
 4        }
 5
 6        public ActionResult AddNew()
 7        {
 8            int phWidth = 0;//图片宽度
 9            int phHeight = 0;//图片高度
            string Pic_Path = "";
            if (Request.Files.Count > 0)
            {
                HttpPostedFileBase file = Request.Files[0];
                Pic_Path = UpLoadPic(file, out phWidth, out phHeight);

                if (Pic_Path.IndexOf("错误") > -1) //出现错误时，alert错误
                {
                    ViewData["Error"] = "<script>alert('" + Pic_Path + "')</script>";
                }
            }
            return RedirectToAction("Index");
        }

        图片上传#region 图片上传
        /**//// <summary>
        /// 图片上传
        /// </summary>
        /// <param name="file"></param>
        /// <returns></returns>
        public string UpLoadPic(HttpPostedFileBase file, out int phWidth, out int phHeight)
        {
            phWidth = 0;
            phHeight = 0;

            try
            {
                string fileName = "";
                string strDir = System.Configuration.ConfigurationSettings.AppSettings["uploadImage"];
                if (file.ContentLength > 0)
                {
                    if (file.ContentLength < 1024 * 200)
                    {
                        string strNew = Guid.NewGuid().ToString("N") + Path.GetExtension(file.FileName);        //新文件名
                        fileName = strDir + strNew;
                        file.SaveAs(Path.Combine(Path.Combine(Request.Path, ""), fileName));
                        //取高和宽
                        System.Drawing.Image imgPhoto = System.Drawing.Image.FromStream(file.InputStream, true);
                        phWidth = imgPhoto.Width;
                        phHeight = imgPhoto.Height;
                        return strNew;
                    }
                    else
                    {
                        return "错误：图片大小超过指定大小";
                    }
                }
                else
                {
                    return "错误：请上传图片";
                }
            }
            catch (Exception ex)
            {
                return "错误：" + ex.Message;
            }
        }
        #endregion

 

3. 脚本

 1//上传图片
 2function UpLoadPic()
 3{
 4    load_img(document.getElementById("uploadfile"),document.getElementById("img_s"))
 5}
 6
 7//图片上传 开始
 8function load_img(src_id,write_id)
 9{
    var t_html;
    var p_src="";
    var valid=0;
    if (src_id!=null)
    {
        p_src=    src_id.value;
    }
    if(p_src!='') //上传图片
    {
        if(CheckImg(src_id)==0) //符合要求格式
        {
            t_html="<img id='ViewImg' name ='ViewImg' src='"+p_src+"' border='0'>";
            valid+=0;
        }
        else //上传图片格式不符合要求
        {
            t_html="<img src='/content/images/nopic.gif' border='0'>";
            valid+=1;
        }
    }
    else //未上传图片
    {
        t_html="<img src='/content/images/nopic.gif' border='0'>";
        alert("请上传图片");
        valid+=1;
    }    
    write_id.innerHTML=t_html;
    return valid;
}

function checkImgSize()
{
    var img=new Image();
    img.src=document.fall.uploadpic.value;
    alert(img.fileSize);
} 
    
      
function CheckImg(src_id)
{
    var v = null;
    var Imgstr = src_id.value;
    if(Imgstr!="")
    {
        if(!(Imgstr.toLowerCase().indexOf(".gif",0)!=-1 || Imgstr.toLowerCase().indexOf(".jpg",0)!=-1 || Imgstr.toLowerCase().indexOf(".jpeg",0)!=-1 ))
        {
            alert('上传图片必须为gif、jpeg格式文件');
            v = 1;
        }else
        {
            v = 0;
        }
    }
    else
    {
        v = 0;
    }
    return v;
}
//图片上传 结束