写一段element-ui上传xlsx文件的代码
时间: 2023-10-14 18:13:01 浏览: 102
element-ui upload组件多文件上传的示例代码
Sure! 这是一个使用 Element-UI 的方法来上传 XLSX 文件的示例代码:
```html
<template>
<el-upload
class="upload-excel"
action="/api/upload"
:on-success="onSuccess"
:before-upload="beforeUpload"
:show-file-list="false">
<el-button>上传Excel文件</el-button>
</el-upload>
</template>
<script>
export default {
methods: {
beforeUpload(file) {
const isXLSX = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
if (!isXLSX) {
this.$message.error('只能上传 XLSX 文件!');
}
return isXLSX;
},
onSuccess(response) {
if (response.code === 200) {
this.$message.success('上传成功');
} else {
this.$message.error('上传失败:'+ response.message);
}
}
}
}
</script>
```
此处 `beforeUpload` 方法的作用是判断文件是否为 XLSX 文件,`onSuccess` 方法用于上传成功后的回调。需要根据实际情况调整接口路径和逻辑。
阅读全文