vue 上传文件限制格式——判断文件类型
vue 上传文件限制格式及提醒类型
·
①截取文件名后缀
<el-upload
accept=".mdb"
:limit="1"
:auto-upload="false"
:file-list="fileList"
:show-file-list="false"
class="upload-demo"
action=""
:on-change="handleChange" // 文件发生变化时回调
>
<div slot="tip" class="el-upload__tip">只能上传mdb文件</div>
</el-upload>
handleChange(file, fileLists) {
// 截取文件名后缀
let fileName = file.name;
let pos = fileName.lastIndexOf(".");
let lastName = fileName.substring(pos, fileName.length);
if (lastName.toLowerCase() !== ".mdb") {
this.$message.error("文件必须为.mdb类型");
// 清空文件列表
const newFileList = this.fileList.slice();
newFileList.splice(0, 1);
this.fileList = newFileList;
} else { }
②简便法获取文件类型
let fileType = fileList[0].name.replace(/.+\./, "")
更多推荐
已为社区贡献1条内容
所有评论(0)