element UI upload组件上传附件格式限制方法


Posted in Javascript onSeptember 04, 2018

如下所示:

<el-upload
 :action="uploadUrl"
 ref="upload"
 :multiple="false"
 :on-change="fileChange"
 :before-upload="beforeUpload"
 :on-success="handleAvatarSuccess"
 :on-preview="file_click"
 class="upload-demo"
 list-type="text"
 accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf,.JPG,.JPEG,.PBG,.GIF,.BMP,.PDF"
 :file-list="uploadForm.personFileList"
 :auto-upload="false">
 <el-button size="small" type="primary">选择文件</el-button>
  <div slot="tip" class="el-upload__tip"><i class="el-icon-warning" style="color:red;margin-right:5px"></i>单个文件不超过5MB</div>
 </el-upload>

accept=".jpg,.jpeg,.png,.gif,.bmp,.pdf,.JPG,.JPEG,.PBG,.GIF,.BMP,.PDF"
//accept支持上传文件格式

以上这篇element UI upload组件上传附件格式限制方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript跨域的4种方法和原理详解
Apr 08 Javascript
div失去焦点事件实现思路
Apr 22 Javascript
jQuery+json实现的简易Ajax调用实例
Dec 14 Javascript
JavaScript数据结构与算法之栈与队列
Jan 29 Javascript
js前端面试题及答案整理(一)
Aug 26 Javascript
jQuery特殊符号转义的实现
Nov 30 Javascript
vue.js 获取当前自定义属性值
Jun 01 Javascript
JS实现匀加速与匀减速运动的方法示例
Sep 04 Javascript
vue2.0 和 animate.css的结合使用
Dec 12 Javascript
浅析vue中常见循环遍历指令的使用 v-for
Apr 18 Javascript
通过滑动翻页效果实现和移动端click事件问题
Jan 26 Javascript
JavaScript实现登录窗体
Jun 22 Javascript
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
Sep 04 #Javascript
webpack 3.X学习之多页面打包的方法
Sep 04 #Javascript
JS获取并处理php数组的方法实例分析
Sep 04 #Javascript
vue click.stop阻止点击事件继续传播的方法
Sep 04 #Javascript
vue form 表单提交后刷新页面的方法
Sep 04 #Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
Dec 30 #Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
Sep 04 #Javascript
You might like
MySQL连接数超过限制的解决方法
2011/07/17 PHP
php获取服务器信息的实现代码
2013/02/04 PHP
PHP翻页跳转功能实现方法
2020/11/30 PHP
php+redis实现商城秒杀功能
2020/11/19 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
Opacity.js
2007/01/22 Javascript
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
2007/03/10 Javascript
基于jQuery的仿flash的广告轮播代码
2010/11/04 Javascript
利用进制转换压缩数字函数分享
2014/01/02 Javascript
jquery查找父元素、子元素(个人经验总结)
2014/04/09 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
2015/09/30 Javascript
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
利用python分析access日志的方法
2016/10/26 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
js cookie实现记住密码功能
2017/01/17 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
2018/09/25 Javascript
原生js实现的移动端可拖动进度条插件功能详解
2019/08/15 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
[06:20]2015国际邀请赛第三日top10
2015/08/08 DOTA
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python最长回文串算法
2018/06/04 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
PyQT5 QTableView显示绑定数据的实例详解
2019/06/25 Python
在python中用url_for构造URL的方法
2019/07/25 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
详解HTML5 录音的踩坑之旅
2017/12/26 HTML / CSS
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
BASIC HOUSE官方旗舰店:韩国著名的服装品牌
2018/09/27 全球购物
德国网上超市:myTime.de
2019/08/26 全球购物
护士实习鉴定范文
2013/12/22 职场文书
应届生求职自荐信范文
2014/04/07 职场文书
社区党建工作汇报材料
2014/08/14 职场文书
2014收银员工作总结范文
2014/12/16 职场文书
党校党性分析材料
2014/12/19 职场文书
党员转正党支部意见
2015/06/02 职场文书
vue中data里面的数据相互使用方式
2022/06/05 Vue.js