HTML中选中图片的按钮：

<div>头像</div>

<div class="tuxiang-up" id="headPortrait" style="background-image:url(/Content/ExSys/images/ktoux.jpg))">

<input type="file" οnchange="uploadImage(this)">

<!--点击上传按钮后，图片缩略图以上级背景图片显示-->

</div>

Jquery中FormData二进制文件对象拼接和提交：

script type="text/javascript">

//用户头像修改

function uploadImage(obj) {

var formData = new FormData();//创建FormData对象，以键值对的方式拼接form表单数据（multipart/form-data，图片媒体文件）

//获取input中的文件列表信息

 var files = $(obj).prop("files");

//拼接图片文件流信息

console.log(files[0]);

formData.append("file", files[0]);

$.ajax({

url: "/FileUpload/FileLoad/",

type: 'POST',

data: formData,

async: false,

dataType: "json",

// 告诉jQuery不要去处理发送的数据

processData: false,

// 告诉jQuery不要去设置Content-Type请求头

contentType: false,

beforeSend: function () {

console.log("正在进行，请稍候");

},

success: function (data) {

if (data.isSuccess) {

console.log(data.path);

console.log("图片上传成功");

//动态赋值

$("#headPortrait").css("background-image", "url(" + data.path + ")");

}

else {

console.log("网络异常，请稍后再试");

}

},

 error: function (data) {

console.log("error2");

}

});

}

</script>    　

服务端接收Ajax异步提交的二进制图片文件信息，并保存

对验证和处理 HTML 窗体中的输入数据所需的信息进行封装，如FromData拼接而成的文件

FemContext对验证和处理html窗体中输入的数据进行封装

  [HttpPost]

   public ActionResult FileLoad(FormContext context)

  {

  HttpPostedFileBase httpPostedFileBase = Request.Files[0];//获取二进制图片文件流

    if (httpPostedFileBase != null)

    {

  try

  {

  ControllerContext.HttpContext.Request.ContentEncoding = Encoding.GetEncoding("UTF-8");

  ControllerContext.HttpContext.Response.Charset = "UTF-8";

 string fileName = Path.GetFileName(httpPostedFileBase.FileName);//原始文件名称

 string fileExtension = Path.GetExtension(fileName);//文件扩展名

  byte[] fileData = ReadFileBytes(httpPostedFileBase);//文件流转化为二进制字节

 string result = SaveFile(fileExtension, fileData);//文件保存

  if (string.IsNullOrEmpty(result))

  {

  return Json(new { isSuccess = false, path = "",errorMsg= "上传文件失败"});

  }

  return Json(new { isSuccess = true, path = result });

  }

  catch (Exception e)

  {

  return Json(new { isSuccess = false, path = "" });

  }

  }

  else

  {

  return Json(new { isSuccess = false, path = "" });

  }

  }

  /// <summary>

  /// 将文件流转化为二进制字节

  /// </summary>

  /// <param name="fileData">图片文件流</param>

  /// <returns></returns>

 private byte[] ReadFileBytes(HttpPostedFileBase fileData)

  {

  byte[] data;

  using (Stream inputStream = fileData.InputStream)

  {

  MemoryStream memoryStream = inputStream as MemoryStream;

  if (memoryStream == null)

  {

  memoryStream = new MemoryStream();

  inputStream.CopyTo(memoryStream);

  }

  data = memoryStream.ToArray();

  }

  return data;

  }

  /// <summary>

  /// 保存文件

  /// </summary>

  /// <param name="fileExtension">文件扩展名</param>

  /// <param name="fileData">图片二进制文件信息</param>

  /// <returns></returns>

  private string SaveFile(string fileExtension, byte[] fileData)

  {

  string result;

  try

  {

  string saveName = Guid.NewGuid().ToString() + fileExtension; //保存文件名称

  // 文件上传后的保存路径

  string basePath = "UploadFile";

  string saveDir = DateTime.Now.ToString("yyyy-MM-dd");

  string savePath = System.IO.Path.Combine(saveDir, saveName);

  string serverDir = System.IO.Path.Combine(Server.MapPath("~/"), basePath, saveDir);

  if (!System.IO.Directory.Exists(serverDir))

  {

  System.IO.Directory.CreateDirectory(serverDir);

  }

  string fileNme = System.IO.Path.Combine(serverDir, saveName);//保存文件完整路径

  System.IO.File.WriteAllBytes(fileNme, fileData);//WriteAllBytes创建一个新的文件，按照对应的文件流写入，假如已存在则覆盖

  //返回完整的图片保存地址

  result="/"+basePath + "/" + saveDir + "/" + saveName;

  }

  catch (Exception)

  {

  result = "发生错误";

  }

  return result;

 }

}