限定上传文件格式方法

最新推荐文章于 2025-01-13 11:35:18 发布

原创最新推荐文章于 2025-01-13 11:35:18 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

angular2 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个用于限制文件上传格式的方法，通过检查文件扩展名确保只有特定类型的文件（如.jpg、.png、.xls、.pdf 和 .xlsx）可以被上传。如果尝试上传不支持的文件类型，将显示错误消息并阻止上传。

限定文件上传格式

实现代码

let that = this;
//限定文件格式
const filetypes = [".jpg", ".png", ".xls", ".pdf", ".xlsx"];
const filepath = event.target.value;
if (filepath) {
let isnext = false;
const fileend = filepath.substring(filepath.lastIndexOf("."));
if (filetypes && filetypes.length > 0) {
for (let i = 0; i < filetypes.length; i++) {
if (filetypes[i] == fileend) {
isnext = true;
break;
}
}
}
if (!isnext) {
const toastCfg = new ToastConfig(ToastType.ERROR, '', '不接受此文件类型！', 3000);
that.toastService.toast(toastCfg);
event.target.value = "";
that.fileName = '未选择任何文件';
return false;
}
} else {
return false;
}