element ui 图片上传之前调用的事件

Posted qaakd

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element ui 图片上传之前调用的事件相关的知识,希望对你有一定的参考价值。

/** * 图片上传之前调用的事件 */

beforeAvatarUpload(file) { // 允许所有的图片类型

const isJPG = file.type.indexOf("image/") > -1;

const isLt2M = file.size / 1024 / 1024 < 2;

if (!isJPG) {

this.$message.error("请上传图片文件!");

}

if (!isLt2M) {

this.$message.error('上传头像图片大小不能超过 2MB!');

}

return isJPG && isLt2M;

}

以上是关于element ui 图片上传之前调用的事件的主要内容,如果未能解决你的问题,请参考以下文章

Element-ui上传图片按顺序展示

富文本vue-quill-editor结合element UI--upload做图片上传至七牛云服务器(含node后端)

element-ui 表单新建 编辑 多张图片上传与删除

Vue结合element ui 实现图片上传可预览,可删除,以base64字符串上传到服务器

vue 借用element-ui实现头像上传 axios发送请求

如何在 Vue.js (Element.ui) 中的上传按钮侧面上传后预览/显示图像?