1.先在el-upload组件中加一个:before-upload="beforeUpload"
(accept的作用是:接受上传的文件类型)就是一点开上传+号,只会出现符合accept条件的文件
2.在methods中写入下列方法:
beforeUpload(file) {
console.log("file===", file);
var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
let isLt = file.size / 1024 / 1024 < 2; // 判断是否小于2mb
console.log("testmsg===", testmsg);
// .jpg,.jpeg,.png,.pdf,.PDF
const extension1 = testmsg === "jpg";
const extension2 = testmsg === "jpeg";
const extension3 = testmsg === "png";
// const isLt2M = file.size / 1024 / 1024 < 10
if (!extension1 && !extension2 && !extension3) {
this.$message({
message: "请上传jpg 、png、jpeg 类型图片!",
type: "info",
offset: 80,
});
return false;
} else if (!isLt) {
this.$message({
message: "请上传小于2MB图片!",
type: "info",
offset: 80,
});
return false;
} else {
return true;
}