jquery如何将页面生成的图片上传到服务器

Posted 2020-10-21 chwl

若把图片路径作为参数，ajax异步传到后台方法中上传服务器，直接用Jquery传是不行的，它没有权力跟服务器打交道
主要上传步骤为
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){
}
});