elementui upload 上传文件后,点击其他按钮通过另一个接口把该文件传给后台

101 阅读1分钟

需求:点击上传后校验文件是否跟已有数据冲突;有冲突返回冲突内容,然后点继续导入该文件;

问题点:elementUI upload上传后再次点击不起作用,切两次把文档传给后台是两个接口;

解决方案:第一次上传后拿到上传的文件内容

<el-upload 
         ref="upload" 
         class="upload-demo"
          :action="url"
          :file-list="fileList"
          :on-success="handleSucess" 
         :on-change="onChange"
          :on-error="onError"
          :auto-upload="autoUpload" 
         accept=".xls,.xlsx"
          :data="uploadData"
        > 
         <el-button type="primary" class="file-upload">选择文件</el-button>
  </el-upload>

 onChange(file, fileList) { 
  //获取上传的文件
     this.fileRaw = file.raw; //重点
    },

    //点击继续导入
      const formData = new FormData(); //重点
      formData.append("file", this.fileRaw); //重点转化为二进制
      axios.post(url,formData).then((res) => { });