vue项目中form data形式传参方式

 headers: {
             'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
         }

export function subFaq (params) {
    return request({
        url: `/jxxx/pub/iface/speech/`,
        method: 'PUT',
        data:qs.stringify(params),
         headers: {
             'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
         }
    })
}

let FormData = new FormData();

FormData.append(name, value)`

FormData.delete(name)

 
//重点在*   
//重点在*   
//重点在*   
//重点在*   
let file = new FormData();//*
  for(let key in data){//*
    file.append(key,data[key]);//*
  };
 axios({
    method:"post",
    url:baseUrl +"/api/cateadd",
    data:file,//*
  }).then(res=>{
     //请求成功返回的数据在这进行操作
     
 }).catch(err=>{
    //请求失败返回的数据在这 
     
 });

URL.createObjectURL(file)

<template>
    <el-upload
        class="avatar-uploader"
        action="#"
        :show-file-list="false"
        :on-change="changeImg"// changeImg事件名是自定义的
        >
        <img v-if="imageUrl" :src="https://www.atool.online/article/imageUrl" class="avatar" >
        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
    </el-upload>
</template>

<script>
      //改变图片时,获取图片路径及信息，e 指的是提交上来的文件
        changeImg(e){
          // 1.处理文件大小
          if(e.size > 2*1024*1024){
            alert('文件大小不能超过2M')
            return
          }
          // 2.处理文件后缀
          var ext = ['.jpg','.png','.jpeg','.gif'];
          var extName = e.name.slice(e.name.lastIndexOf('.'));
          if(!ext.some(item=>item==extName)){
            alert('上传文件格式不正确')
            return
          }
          // 上传显示的文件
          // 将文件生成url地址,并显示在页面中
          this.imageUrl = URL.createObjectURL(e.raw)
          // 将文件存放到form.img中
          this.form.img = e.raw;//真正的File对象是fileList数组中某个元素的raw属性!
            
        },
</script>

<template>
    <!-- 自定义文件上传 -->
    <div class="img-box">
        <h3>+</h3>
        <img v-if="imageUrl" :src="https://www.atool.online/article/imageUrl" alt="">
        <input type="file" @change="changeImg1">
    </div>
</template>

<script>
  changeImg1(e){
       // 取出上传的文件
      let file = e.target.files[0];
      // 1.确认文件大小
      if (file.size > 2 * 1024 * 1024) {
        warningAlert("文件大小不能大于2M");
        return;
      }
      // 2.确认文件格式
      let arr = [".jpg", ".jpng", ".png", ".jpeg"];
      let lastName = file.name.slice(file.name.lastIndexOf("."));
      if (!arr.some(item => item == lastName)) {
        warningAlert("文件格式错误");
        return;
      }
      // 3.获取文件的存储位置用于渲染页面
      this.imgUrl = URL.createObjectURL(file);
      // console.log(this.imgUrl);
      // 4.将文件赋值给要提交的变量
      this.form.img = file;
    },
</script>