vue2.0- 上传文件格式后缀校验--element-ui中el-upLoad组件-

1.绑定上传文件之前的钩子

2.在文件上传前钩子中写校验

file:自带的参数,关于上传文件的一些属性,文件name,type什么的

acceptFileType:自己定义了一个支持的文件格式的数组,方便后期更改。

type:为什么是file.name而不是file.type呢?就是因为有些文件type读取不到值的,name容错率更低,

        file.name.split("."): 字符串转数组,以 . 分隔。所以变成了['文件名','后缀']例如['简历','docx']

        .slice(-1)[0]:-1取到的是  拿到了最后一个也就是例子中的:['docx'] 然后通过[0]就取到了'docx'

       .toLowerCase(): 大写转小写   为了避免有些上传文件名称后缀是大写,所以为了统一转为小写。

        !acceptFileType.includes(type):语法:数组.includes(数组中的某一个),某一个是否包含在数组中,前边加个! 就是如果这个数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值