上传文件限制格式为PDF和图片样式,通过判断后缀名来进行限制,应该怎样处理
找一下上传之前的事件 这是参照element 实现的,对应改一下
beforeAvatarUpload(file) {
var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
const extension =
testmsg === "jpg" ||
testmsg === "JPG" ||
testmsg === "png" ||
testmsg === "PNG" ||
testmsg === "pdf" ||
testmsg === "PDF";
const isLt50M = file.size / 1024 / 1024 < 10;
if (!extension) {
this.$message({
message: "上传图片只能是jpg / png / pdf格式!",
type: "error"
});
return false; //必须加上return false; 才能阻止
}
console.log(file);
if (!isLt50M) {
this.$message({
message: "上传文件大小不能超过 10MB!",
type: "error"
});
return false;
}
return extension || isLt50M;
}
再有可以再input 标签的 accept
上传file时accept限制文件类型pdf、doc、docx、 jpg、 png、xls 、xlsx等格式
<input type="file" accept="image/*" />
audio/* 接受所有的声音文件。
video/* 接受所有的视频文件。
image/* 接受所有的图像文件。
MIME_type 一个有效的 MIME 类型,不带参数。请参阅 IANA MIME 类型,获得标准 MIME 类型的完整列表。
你自己写个事件根据后缀判断下也行
你可以获取上传成功之后的后缀,然后不是你要的类型 你就清空这个变量,提示他上传错误即可
你用的j-upload控件,我看了下控件文档有个属性叫fileType,用来限定文件类型的......写在控件调用函数里就可以自动过滤.....[吃瓜
看了下官方文档,好像只能写个事件从你的上传文件列表判断后缀了