怎样将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事件,即使是上传同一图片的话也能触发。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。