团队冲刺(8)

今日完成:

多文件上传优化:

    async submitFileForm() {
     //判断是否有文件再上传
      if (this.files.length === 0) {
        return this.$message.warning("请选取文件后再上传");
      }
      //-- 创建新的数据对象 -->
      let formData = new FormData();
      //-- 将上传的文件放到数据对象中 -->
      this.files.forEach((file) => {
        formData.append("files", file.raw);
      });
        //通知vuex发请求,进行用户的注册
        try {
          //注册成功
        await this.$store
          .dispatch("reqUpload", formData)
          .then((res) => {
          if (res.succeeded) {
            alert("上传成功!");
            this.fileList = [];
          } else {
            alert("上传失败1");
          }
        })
        } catch (error) {
          alert("上传失败2");
      }
      this.dialogVisible = false;
     },
    },
};

 

遇到问题:

文件上传格式,

    return request({
        url: '/uploadFiles',
        method: 'post',
        headers: { 'Content-Type': 'multipart/form-data' }, //多文件上传这一句必须加
        data
    })

 

明日完成:个人信息展示优化

posted @ 2023-04-20 21:59  旺旺大菠萝  阅读(13)  评论(0)    收藏  举报