效果图：

html 代码：

                   
                      
       
        选择文件
                       
       
        上传
                     
                    
                    
      
       修改
            
     

其中: auto-upload="false"   为选择文件后不立即上传  on-change="handleChange"  为状态改变立即触发

Js代码：

beforeFileUpload(file) {        let filetype = file.name.slice(file.name.lastIndexOf('.'),file.name.length)        if (filetype === '.xls' || filetype === '.xlsx') {          // return true        } else {          this.$message.error('请上传EXCEL格式文件')          return false        }        const isLt2M = file.size / 1024 / 1024 < 2        if (!isLt2M) {          this.$message.error('上传文件大小不能超过 2MB!')          return  false;        }              },      handleChange(file){        if(!this.fileState){          this.$http.post(GET_UPLOAD_TOKEN, {}).then(res => {            if (res.data.ret === 0) {              this.uploadFile = {key:file.name,token : res.data.data.upToken}              this.form.excelurl = file.name              this.fileState = true            }else{              return false            }          })        }      },      uploadAction(){        this.$refs.upload.submit()      },

上传成功：

注：

   

在上传七牛时通过给key赋值，上传了原本的文件名，不通过七牛随机产生

     通过on-change函数在选择文件后，请求到token, 然后再上传文件