element-ui上传图片流程

170 阅读1分钟

8b29b8fd5596577c4416c7f590212bb.png

  1. 首先我们不使用原来的默认的上传方法 action 路径
  2. 使用 http-request方法来覆盖原来的上传方法 image.png
 //hettp-request方法
    async handleRequest(e) {
      //1.放到FormData里面
      let formData = new FormData();
      formData.append("file", e.file);
      //2.发送post请求
      let { data } = await goAddPic(formData).catch((err) =>
        console.error(err)
      );
      return data;
    },
    //图片上传成功触发的方法
    handleSuccess(data) {
      //添加图片临时路径
      this.ruleForm.pics.push({ pic: data.tmp_path });
    },