1.用到了before-upload属性,

用于在上传文件前的校验,并且发送请求给后端,传输格式进行文件流传输

什么都不用设置,action属性随便设置,不能为空即可!

在before-upload属性的方法中的代码如下:

var _this = this;
      debugger;
      // var files=file.target.files[0];
      debugger;
      const isJPG = file.type === "image/jpeg";
      const isLt2M = file.size / 1024 / 1024 < 2;

      if (!isJPG) {
        this.$message.error("上传头像图片只能是 JPG 格式!");
      }
      if (!isLt2M) {
        this.$message.error("上传头像图片大小不能超过 2MB!");
      }
      //   return isJPG && isLt2M;
      let formData = new FormData();
      formData.append("file", file);
      axios
        .post("http://192.168.0.116:8083/pic/upload", formData)
        .then(function(response) {
          _this.enclosure.openPermitimgUrl = response.data;
          // alert(response.data);
          console.log(response);
        })
        .catch(function(error) {
          alert("上传失败");
          console.log(error);
        });

 

Logo

前往低代码交流专区

更多推荐