ajax实现图片上传
ajax实现图片上传
1.创建formData表单,模拟表单传递数据(formData有兼容性问题)
var formData = new FormData();
2.获取到相应的元素
var jobName = $(“#modify_jobname”);
var logo = $(“#modify_logo”);
3.通过append将修改后的信息存入数据库(前面的是key值,是服务端接收的key值)
formData.append(“jobName”, jobName.val());
formData.append(“logo”, logo[0].files[0]);//获取到的原本是jquery对象,需要转换为dom对象(因为files属性是dom对象的属性)
4.$.ajax({
type:”post”,
url:””,
data:{},
cache:false,//清除缓存
contentType:false,//发送信息至服务器时内容编码类型
processData:false,//默认情况下,通过data选项传递过来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型”application/x-www-form-urlencoded”。如果要发送DOM树信息或其他不希望转换的信息,请设置为false
success:$.proxy(this.Succ,this)
})