代码

<el-upload
  action="#"
  :auto-upload="false"
  :show-file-list="false"
   accept=".xlsx"
  :on-change="upLoadExcel"
>
<el-button icon="Upload" type="info"> 批量导入 </el-button>
</el-upload>

const upLoadExcel = (file) => {
	// 文件上传前做一下判断
	const type_ALLOWD = ['xlsx'];
	const fileType = file.raw.name.substring(file.raw.name.lastIndexOf('.') + 1);
	// 判断文件格式
	if (type_ALLOWD.indexOf(fileType) === -1) {
		ElMessage({
			showClose: true,
			message: "只能上传以'.xlsx'结尾的文件,请重新上传！",
			type: 'error',
		});
	} else {
		let formData = new FormData();
		formData.append('file', file.raw);


//uploadData是上传文件的接口
//export function uploadData(param) {
//	return request({
//		url: 'xxxx',
//		method: 'post',
//		data: param,
//		headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' },//解码
//	});
// }


		uploadData(formData).then((res) => {
			if (res.code == '0') {
				state.fileUrl = res.data.fileInfo.fileUrl;


//uploadPBuildDataImport是将拿到的上传文件地址上传至后台的接口
//export function uploadPBuildDataImport(query) {
//	return request({
//		url: `xxxxx?fileUrl=${query}`,
//		method: 'post',
//	});
// }
				uploadPBuildDataImport(state.fileUrl).then((res) => {
					if (res.code == '0') {
						ElMessage({
							showClose: true,
							message: '上传成功',
							type: 'success',
						});
						
					} else {
						ElMessage({
							showClose: true,
							message: res.msg,
							type: 'error',
						});
					}
				});
			} else {
				// 导入失败
				ElMessage({
					showClose: true,
					message: '导入失败,请重试!',
					type: 'error',
				});
			}
		});
	}
};