Vue中：post调用 解决图片上传问题

Vue 中 : post调用 解决图片上传问题

​ 如图：接口传参要求

​ 1.接口代码

/* 上传图片接口 */
export const postUserImg = (cover) => {
  let url = `/api/upload/store`;
  return request.post(url, cover);
};

​ 2.调用接口上传图片

  async afterRead(file) { // afterRead 是vant2组件上传图片回调函数 传的参数file是组件自带的，file是上传图片的信息
// 此时可以自行将文件上传至服务器

   let data = new FormData(); // 创建form对象

   data.append("cover", file.file); // 通过append向form对象添加数据cover对应接口的key	。form可将图片信息转换为二进制文件，才能post到接口上

   let info = await postUserImg(data);  // postUserImg 是接口函数
  }

即可调用成功啦，更多详情请自行查阅formData相关知识。