el-upload实现只上传一个文件且再次上传会覆盖前面的文件

实现效果: 只能上传一个文件,再次上传覆盖之前的文件

分析：参数 on-change

官网描述：文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用；

结果：只取上传的文件，把上一条删除

代码如下：

HTML部分

<el-upload
            class="upload-demo"
            drag
            action=""
            :on-remove="handleRemove1"
            :show-file-list="true"
            accept=".xlsx,.xls,csv,.txt"
            ref="uploadFile1"
            :file-list="fileList1"
            :on-change="changeFile1"
            :http-request="httpRequest"
          >
</el-upload>

JS部分

changeFile1(file, fileList) {
      if (fileList.length > 1) {
        fileList.splice(0, 1);
      }
      this.fileList1 = fileList;
},
//请求
 httpRequest(file) {
        let params = new FormData()
        params.append("file",file.file)
      importFormExcel(params).then(res=>{
        if(res.code ===200){
          console.log(res);
        }
      })
    },