ElementUI中el-upload中怎样限制上传文件的格式
场景
使用el-upload上传文件时限制只能上传指定格式的文件。
比如这里只允许上传apk格式的文件。
注:
博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。
实现
通过添加accept=".apk"来添加打开时的默认类型
<el-upload:headers="headers":action="url":multiple="false":file-list="fileList":on-remove="fileRemove":on-success="uploadSuccess":on-error="uploadError":on-progress="uploadProgress":before-upload="beforeUpload":limit="1":on-exceed="beyond"accept=".apk">
但是这样只能限制打开时默认的选择类型,还是可以进行更改为All
重写
:before-upload="beforeUpload"
在方法中
beforeUpload(file) {var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);const extension = testmsg === "apk";if (!extension ) {this.$message({message: "上传文件只能是.apk格式!",type: "warning",});}return extension;},
那么在选择其他类型的文件后就会触发提示并且没法提交
ElementUI中el-upload中怎样限制上传文件的格式相关推荐
- antd 中 Upload 上传图片宽高限制以及上传文件的格式限制
一.上传图片的宽高限制 在组件Upload中有一个beforeUpload的API,是文件上传之前的钩子函数,我们需要在这个API中做限制 beforeUpload: file => {this ...
- javaweb上传文件_javaWeb中,如何通过CommonsFileUpload组件上传文件
大家好,欢迎来到雄雄的小课堂,今天给大家分享的是<javaWeb中,如何通过Commons-FileUpload组件上传文件> 前言:文件上传大家都不陌生,在这个互联网飞速发展的时代,共享 ...
- 验证上传文件真实格式
1 /// <summary> 2 /// 验证上传文件真实格式 3 /// </summary> 4 /// <param name="fileUpload& ...
- 如何限制FileUpload上传文件的格式
这个需求需要用到一个验证控件RequiredFieldValidator 如何限制FileUpload上传文件的格式 前言 1.限制上传文件只能为图片格式 2.限制上传文件只能为压缩包 总结 前言 这 ...
- 在WinForm中通过HTTP协议向服务器端上传文件(转)
相信用ASP.NET写一个上传文件的网页,大家都会写,但是有没有人想过通过在WinForm中通过HTTP协议上传文件呢? 有些人说要向服务器端上传文件,用FTP协议不是很简单吗?效率又高,为什么还要使 ...
- antd 上传进度_antd vue upload组件使用customRequest上传文件显示文件上传进度
antd-vue上传文件upload组件使用自定义上传方法customRequest无法显示文件上传进度条,如下图红框内的进度条无法显示当前文件上传进度 于是,在网上搜索解决方案: 第一种解决方案是自 ...
- element-ui文件上传修改上传文件的格式
accept=".txt" //多个文件类型用逗号隔开 在<el-upload></el-upload>标签里添加上面的代码就可以改上传文件的类型了
- 上传文件Base64格式(React)
记录一下上传文件时将文件数据转为Base64的方法 通过 FileReader对象创建一个实例,然后使用 readAsDataURL方法将数据转为Base64格式 注意: 读取过程是异步的 绑定onl ...
- java 获取上传文件的格式_js和java获取上传文件的文件名以及上传文件格式判断...
js获取文件名: //校验 function check(){ var fileType = $("#template").val(); //判断后缀是不是需要的文件类型 if(f ...
最新文章
- Django中多种重定向方法使用
- 【数据竞赛】99%情况下都有效的特征筛选策略--Null Importance。
- 卷积神经网络参数计算及卷积层输出尺寸计算
- ADO和DAO的区别
- 如何学习前端知识?优秀的前端开发工程师应该具备什么条件?
- 取消计算机触摸板,笔记本电脑触摸板,详细教您笔记本电脑触摸板怎么关闭
- 歌曲:后来的我们 歌手:品冠
- VS2015安装失败KB3022398 KB3165756
- 网站对接支付宝进行支付
- 《人力资源管理》在线作业
- 3GPP TS 23501-g51 中英文对照 | 4.1 General concepts
- 关于IOS的学习(wxhl)曾海明
- Unity植物大战僵尸游戏素材+源码
- 【问题处理】Word修改页边距后,目录没有右对齐
- 不止代码 == 摘读
- 计算机网络设置中的网关是什么设备,网关是什么_网关的作用与设置方法介绍 一看就明白...
- Vue生命周期,Vue中在哪个生命周期阶段调用异步请求最佳
- MySQL------连续统计N天登陆的用户
- 计算机成绩统计优秀率,在excel中如何计算及格率和优秀率及统计各分数段人数.doc...
- metaphlan3和strainphlan3运行记录
热门文章
- RocketMQ(一):Linux安装RocketMQ和常用命令
- html文件头部固定代码
- java学生背景知识要求,好好学习Java并发 一、背景知识
- python的底层是c_python基本数据类型底层实现
- 神经病win10无法验证数字签名
- linux不能识别usb,求助:USB无法识别
- java中的controller_详解Spring Boot中Controller用法
- jmap 文件解析_使用jmap dump出来的java堆镜像文件,可以用什么打开做详细分析
- 机器人 沈为民_会变形的机器人
- mysql matlab for循环嵌套循环语句吗_C++: for_each 和 基于范围的for循环