需求:点击上传后校验文件是否跟已有数据冲突;有冲突返回冲突内容,然后点继续导入该文件;
问题点: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) => { });