vue.js element-ui上传excel文件

1.静态结构

在这里插入图片描述
3

className ,是后台需要的一个参数，不传就过以，只传上面的fileUrl

 //上传excel
     beforeUpload(file) {
       console.log(file);
       var formdata = new FormData();//创建一个表单
       formdata.append("fileUrl",file);
       formdata.append("className",'TGateway'); 
     let _this = this;
      //调用接口传文件
           _this.$http
          .post(
            _this.GLOBAL.xgurl + "/park-api/park/file/upload",
            formdata,
            {
              headers: {
                "Content-Type": "application/json;charset=UTF-8"
              }
            }
          )
          .then(res => {
            console.log(res.data);
            this.$message({
              type: "success",
              message: res.data.errorMsg
            });
            this.handleUserList(this.currentPage);
          })
          .catch(res => {
            console.log("err");
          });
   
  },