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事件，即使是上传同一图片的话也能触发。
网友评论