场景

使用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中怎样限制上传文件的格式相关推荐

  1. antd 中 Upload 上传图片宽高限制以及上传文件的格式限制

    一.上传图片的宽高限制 在组件Upload中有一个beforeUpload的API,是文件上传之前的钩子函数,我们需要在这个API中做限制 beforeUpload: file => {this ...

  2. javaweb上传文件_javaWeb中,如何通过CommonsFileUpload组件上传文件

    大家好,欢迎来到雄雄的小课堂,今天给大家分享的是<javaWeb中,如何通过Commons-FileUpload组件上传文件> 前言:文件上传大家都不陌生,在这个互联网飞速发展的时代,共享 ...

  3. 验证上传文件真实格式

    1 /// <summary> 2 /// 验证上传文件真实格式 3 /// </summary> 4 /// <param name="fileUpload& ...

  4. 如何限制FileUpload上传文件的格式

    这个需求需要用到一个验证控件RequiredFieldValidator 如何限制FileUpload上传文件的格式 前言 1.限制上传文件只能为图片格式 2.限制上传文件只能为压缩包 总结 前言 这 ...

  5. 在WinForm中通过HTTP协议向服务器端上传文件(转)

    相信用ASP.NET写一个上传文件的网页,大家都会写,但是有没有人想过通过在WinForm中通过HTTP协议上传文件呢? 有些人说要向服务器端上传文件,用FTP协议不是很简单吗?效率又高,为什么还要使 ...

  6. antd 上传进度_antd vue upload组件使用customRequest上传文件显示文件上传进度

    antd-vue上传文件upload组件使用自定义上传方法customRequest无法显示文件上传进度条,如下图红框内的进度条无法显示当前文件上传进度 于是,在网上搜索解决方案: 第一种解决方案是自 ...

  7. element-ui文件上传修改上传文件的格式

    accept=".txt"    //多个文件类型用逗号隔开 在<el-upload></el-upload>标签里添加上面的代码就可以改上传文件的类型了

  8. 上传文件Base64格式(React)

    记录一下上传文件时将文件数据转为Base64的方法 通过 FileReader对象创建一个实例,然后使用 readAsDataURL方法将数据转为Base64格式 注意: 读取过程是异步的 绑定onl ...

  9. java 获取上传文件的格式_js和java获取上传文件的文件名以及上传文件格式判断...

    js获取文件名: //校验 function check(){ var fileType = $("#template").val(); //判断后缀是不是需要的文件类型 if(f ...

最新文章

  1. Django中多种重定向方法使用
  2. 【数据竞赛】99%情况下都有效的特征筛选策略--Null Importance。
  3. 卷积神经网络参数计算及卷积层输出尺寸计算
  4. ADO和DAO的区别
  5. 如何学习前端知识?优秀的前端开发工程师应该具备什么条件?
  6. 取消计算机触摸板,笔记本电脑触摸板,详细教您笔记本电脑触摸板怎么关闭
  7. 歌曲:后来的我们 歌手:品冠
  8. VS2015安装失败KB3022398 KB3165756
  9. 网站对接支付宝进行支付
  10. 《人力资源管理》在线作业
  11. 3GPP TS 23501-g51 中英文对照 | 4.1 General concepts
  12. 关于IOS的学习(wxhl)曾海明
  13. Unity植物大战僵尸游戏素材+源码
  14. 【问题处理】Word修改页边距后,目录没有右对齐
  15. 不止代码 == 摘读
  16. 计算机网络设置中的网关是什么设备,网关是什么_网关的作用与设置方法介绍 一看就明白...
  17. Vue生命周期,Vue中在哪个生命周期阶段调用异步请求最佳
  18. MySQL------连续统计N天登陆的用户
  19. 计算机成绩统计优秀率,在excel中如何计算及格率和优秀率及统计各分数段人数.doc...
  20. metaphlan3和strainphlan3运行记录

热门文章

  1. RocketMQ(一):Linux安装RocketMQ和常用命令
  2. html文件头部固定代码
  3. java学生背景知识要求,好好学习Java并发 一、背景知识
  4. python的底层是c_python基本数据类型底层实现
  5. 神经病win10无法验证数字签名
  6. linux不能识别usb,求助:USB无法识别
  7. java中的controller_详解Spring Boot中Controller用法
  8. jmap 文件解析_使用jmap dump出来的java堆镜像文件,可以用什么打开做详细分析
  9. 机器人 沈为民_会变形的机器人
  10. mysql matlab for循环嵌套循环语句吗_C++: for_each 和 基于范围的for循环