MVC项目中图片的上传

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,