element ui手动限制上传类型_elementui限制上传文件类型-程序员宅基地

技术标签: elementui  vue.js  javascript  

//限制上传文件类型
        beforeUpload(file) {
            var testmsg = file.name.substring(file.name.lastIndexOf('.')+1)
            switch(this.fileType){
                case 'image':
                    if(testmsg!='jpg' && testmsg!='jpeg' && testmsg!='png') {
                        this.$message({
                            message: '上传文件只能是 jpg、jpeg、png格式!',
                            type: 'warning'
                        });
                        break;
                    }else{
                        this.$message({
                            message:'上传成功',
                            type: 'success'
                        })
                        break;
                    }
                    
                    //限制文件上传大小,需要的时候使用
                    // const isLt2M = file.size / 1024 / 1024 < 10
                    // if(!isLt2M) {
                    //     this.$message({
                    //         message: '上传文件大小不能超过 10MB!',
                    //         type: 'warning'
                    //     });
                    // }
                    // return extension || extension2 && isLt2M
                case 'video':
                    if(testmsg!='mp3' && testmsg!='mp4' && testmsg!='wma' && testmsg!='rm' && testmsg!='rmvb' && testmsg!='avi') {
                        this.$message({
                            message: '上传文件只能是 mp3、mp4、wma、rm、rmvb、avi格式!',
                            type: 'warning'
                        });
                        //限制文件上传大小,需要的时候使用
                        const isLt2M = file.size / 1024 / 1024 < 200
                        if(!isLt2M) {
                            this.$message({
                                message: '上传文件大小不能超过 200MB!',
                                type: 'warning'
                            });
                        }
                        break;
                    }else{
                        this.$message({
                            message:'上传成功',
                            type: 'success'
                        })
                        break;
                    }

                case 'file':
                    if(testmsg!='txt' && testmsg!='pdf' && testmsg!='xls' && testmsg!='xlsx' && testmsg!='doc' && testmsg!='docx') {
                        this.$message({
                            message: '上传文件只能是 txt、pdf、xls、xlsx、doc、docx格式文件!',
                            type: 'warning'
                        });
                        break;
                    }else{
                        this.$message({
                            message:'上传成功',
                            type: 'success'
                        })
                        break;
                    }
            }
        }

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_50663823/article/details/126222920

智能推荐

python基础例题:删除列表中所有的素数_编写程序,删除列表中的所有素数-程序员宅基地

文章浏览阅读1.5w次,点赞6次,收藏23次。编写程序,删除列表中所有的素数(代码如下):arr = [12,3,62,7,91,67,27,45,6]for element in arr: tag=True # 质数大于 1 if element > 1: # 查看因子 for i in range(2, element): if (element % i) == 0: tag=False bre_编写程序,删除列表中的所有素数

Ubuntu20.04运行VINS-Fusion-程序员宅基地

文章浏览阅读932次。参考 https://blog.csdn.net/xiaojinger_123/article/details/121517771 修改代码。注意运行时每个终端都需要设置一次工作空间。_ubuntu20.04运行vins-fusion

ReactNative图标库 _ react-native-vector-icons 配置和使用-程序员宅基地

文章浏览阅读2.7k次。图标库地址https://github.com/oblador/react-native-vector-icons步骤一:下载图标库//要是安装报错,就再执行一次 npm install --save react-native-vector-icons步骤二:在android/app/build.gradle引入配置project.ext.vectoricons = [ iconFontNames: [ 'MaterialIcons.ttf', 'EvilIcons.ttf' ] _react-native-vector-icons

Java EasyPoi 模板导出Excel 图片不显示问题_easypoi imageentity-程序员宅基地

文章浏览阅读1.7k次,点赞2次,收藏2次。一开始无论setHeight 和 setWidth设置什么值图片都无法显示,后来发现设置了setRowspan 和 setColspan 且参数都要大于2才能将图片显示出来,图片虽然出来了,但是格式是不满足要求的,因为会合并别的单元格。总结来说就是easypoi的4.3.0版本导致的问题,将项目的版本号降到4.2.0后只需要设置Height和Width的值问题就解决了。其中setHeight() 和 setWidth() 的方法是设置图片的高和宽。一开始在导出图片到excel的时候图片会显示不出来。_easypoi imageentity

生产环境实施 VMware 虚拟化基础架构,千万不要犯 4 个错误_vmware workstation 为什么不能用在生产环境-程序员宅基地

文章浏览阅读947次。生产环境实施 VMware 虚拟化基础架构,千万不要犯 4 个错误https://mp.weixin.qq.com/s?__biz=MjM5NTk0MTM1Mw==&mid=2650630439&idx=1&sn=d08ec1dee816b3c8f36ba495daf842bd&chksm=bef917a1898e9eb7b1f75737dcd1182c5af03300bc687af6a8b2366ccbf8f092fdd3410295ca&scene=21#we_vmware workstation 为什么不能用在生产环境

Qt QWebSocket实现JS调用C++_qt websocketclientwrapper-程序员宅基地

文章浏览阅读1k次,点赞2次,收藏2次。本篇主要介绍实现JS调用C++的另一种方式,即QWebSocket+QWebChannel。与之前的一篇文章QWebEngine 加载网页及交互,实现C++与JS 相互调用中提到的仅通过QWebChannel 实现JS调C++相比,本文介绍的这种方式,更灵活,能实现更加复杂的业务功能。以上就是本文要讲的内容了,本文详细介绍了QWebChannel与网页端通信的两种方式,希望通过阅读本文,能帮你快速掌握在Qt 前后端混合开发模式下C++与JS通信的方法。对文中内容有任何疑问,都可以留言讨论!_qt websocketclientwrapper

随便推点

VINS-Mono-IMU预积分 (八:预积分代码带读+对应推导公式)_vins中的与积分约束代码-程序员宅基地

文章浏览阅读249次。这个雅可比的作为是为了在零偏 $b_{a},b_{w}$ 在经过优化数值发生变化后不需要再重新进行预积分,因为实际上 $k+1$ 时刻的预积分是用 $k$ 时刻的零偏 $b$ 来进行的,当经过优化后 $k+1$ 时刻的零偏 $b$ 就会发生变化,理论上 $k+1$ 时刻的预积分应该是用 $k+1$ 时刻的零偏 $b$ 来进行才对,由于是优化后才获得,但是重新进行预积分又非常耗时,所以采用 $f(x+Δb)=f(x)+J^{x}_{b}·Δb$ 这样的方式来进行近似更新,从这个公式可以看出里面就必须要对零偏_vins中的与积分约束代码

SSM框架实战系列之十三_H-ui框架之一-程序员宅基地

文章浏览阅读1.3w次,点赞9次,收藏70次。SSM框架实战系列之十三_H-ui框架之一_h-ui

CentOS 7系统安装时不能进入图形化安装界面_centos7进不了安装界面-程序员宅基地

文章浏览阅读2.5k次。在安装界面1、光标选中“install centos 7”2、按键盘"TAB"键3、在内容的最后一行末尾添加上 nodomeset原因:centos7安装包里自带的显卡驱动不支持主机上的显卡*,nodomeset表示不加载centos7安装包里的显卡驱动显卡*:年代久远的显卡,比如N卡的405,centos7 2009安装包;它两组合在一起时不能进入图像安装界面,需要添加nodomeset参数禁用安装包的显卡驱动..._centos7进不了安装界面

softmax函数实现(C语言)_softmax函数c语言实现-程序员宅基地

文章浏览阅读2.4k次,点赞6次,收藏10次。关于softmax函数:https://www.cnblogs.com/alexanderkun/p/8098781.htmlC语言实现:#include "stdio.h"#include "math.h"void main(void){ int i = 0; double sum = 0; int vertor0[6] = {1,2,3,4,5,6}; //初始向..._softmax函数c语言实现

【尚硅谷_数据结构与算法】十、多路查找树_尚硅谷数据结构与算法-程序员宅基地

文章浏览阅读138次。文章目录参考资料1. 二叉树问题分析2. 多叉树2.1 2-3树2.1.1 2-3树特点2.1.2 2-3树插入规则2.2 B树、B+和B*树2.2.1 B树2.2.2 B+树2.2.3 B*树参考资料https://www.bilibili.com/video/BV1E4411H73v?p=142数据结构与算法1. 二叉树问题分析二叉树的操作效率较高,但是也存在问题,请看下面的二叉树二叉树需要加载到内存的,如果二叉树的节点少,没有什么问题,但是如果二叉树的节点很多(比如1亿),就存在如_尚硅谷数据结构与算法

cecore.cls.php 08cms,08CMS产品库报价系统 v1.1 BIG5版PHP CMS源码下载-华软网-程序员宅基地

文章浏览阅读208次。08CMS东西库系统v1.1正式版程序内核:08cms v3.3版本类型:普通性能版[系统简介]08CMS东西库系统v1.1正式版,支持升级到以后的版本。08cms东西库系统是鉴于08cms焦点程序,通过系统架构,连系模板,而开发出的一个应用系统,由08cms官方团队开发。[简要概述]08CMS东西库系统是在程序内核 08cms v3.3框架系统上,采取模板搭建的方式,由策划、架构、栏目搭建、文档..._08cms源码

推荐文章

热门文章

相关标签