怎样将file标签选中的文件（图片）传到后台服务器

1<form class="xxx" enctype='multipart/form-data'> 在from里面加上enctype='multipart/form-data'

2 var img = $('.图片')[0].files[0];获取图片； var fd = new FormData();创建一个fromdata

3. fd.append("参数名",img); 将参数名与参数值以key value形式组合起来

4 $.ajax({

url:'xxx,

type:'post',

processData: false, //必须要写

contentType: false, //必须要写

data:fd,

success:function(data){

}

});

文中的参数名指的form  data   中的参数。

需要注意的是因为使用的事件的change事件，如果在一个页面中循环使用同一个标签的话，那么上传同一图片的时候，change事件是不会触发的，因此我们在上传图片结束后需要将这个标签的value值置为空，这样每次上传的时候都会触发change事件，即使是上传同一图片的话也能触发。