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)
})

posted @ 2019-03-16 20:13  leslie-cheung  阅读(273)  评论(0编辑  收藏  举报