限定上传文件格式方法

最新推荐文章于 2023-12-12 22:47:55 发布

lorena0928

最新推荐文章于 2023-12-12 22:47:55 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： angular2

本文链接：https://blog.youkuaiyun.com/lorena0928/article/details/80239074

angular2 专栏收录该内容

5 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

限定文件上传格式

实现代码

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;
}