element-ui上传图片,限制上传图片格式

将以下代码放入element-ui上传方法中
:before-upload="beforeUploadFunction"

再添加以下方法

beforeUploadFunction(file){
    const _name = file.name;
    const _index = _name.lastIndexOf('.');
    const _imgType = _name.substring(_index);
    if(_imgType == '.jpg' || _imgType == '.jpeg' || _imgType == '.png' || _imgType == '.PNG' || _imgType == '.gif' || _imgType == '.GIF') {
        console.log(_imgType);
    }else{
        this.$message.error(`图片格式仅支持.png、.jpg、.jpeg、.gif!`)
        return false;
    }
}

你可能感兴趣的:(element-ui上传图片,限制上传图片格式)