mvc中异步上传图片

首先引入jquery.js,MyAjaxForm.js
前端

 $('#btnFileUp').click(function () {
                        $("#addForm").ajaxSubmit({
                            success: function (data) {
                                var serverData = data.split(':');
                                if (serverData[0]=="ok") {
                                    var img = "<img src='" + serverData[1] + "' width='30' height='30'/>";                      
                                    $('#showImage').append(img);
                                    $('#hiddenMenuIcon').val(serverData[1]);
                                }
                            },                    
                            url: '/ActionInfo/GetFileUp', /*设置post提交到的页面*/
                            type: "post", /*设置表单以post方法提交*/
                            dataType: "text" /*设置返回值类型为文本*/
                        });
                    });

<input type="file" name="fileUp" />
                      <input type="button" value="上传图片" id="btnFileUp" />
                      <div id="showImage"></div>

服务器端

 public ActionResult GetFileUp()
        {
            HttpPostedFileBase file = Request.Files["fileUp"];
            string fileName = Path.GetFileName(file.FileName);
            string fileExt = Path.GetExtension(fileName);
            if (fileExt == ".jpg")
            {
                string dir = "/ImageIco/";
                Directory.CreateDirectory(Path.GetDirectoryName(Request.MapPath(dir)));
                string newfileName = Guid.NewGuid().ToString();
                string fullPath = dir + newfileName + fileExt;
                file.SaveAs(Request.MapPath(fullPath));
                return Content("ok:" + fullPath);
            }
            else
            {
                return Content("no:文件类型错误!");
            }
        }