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为对象原型prototype添加属性的两种方式
Aug 01 Javascript
JQuery实现倒计时按钮具体方法
Nov 14 Javascript
解析Javascript中难以理解的11个问题
Dec 09 Javascript
jQuery中element选择器用法实例
Dec 29 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
dedecms页面如何获取会员状态的实例代码
Mar 15 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
Jul 28 Javascript
fullpage.js全屏滚动插件使用实例
Sep 06 Javascript
JavaScript中Array的实用操作技巧分享
Sep 11 Javascript
vue使用vue-cli快速创建工程
Jul 28 Javascript
Angular4自制一个市县二级联动组件示例
Nov 21 Javascript
JavaScript日期工具类DateUtils定义与用法示例
Sep 03 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
PHP系统流量分析的程序
2006/10/09 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
另类调用flash无须激活的方法
2006/12/27 Javascript
JavaScript和ActionScript的交互实现代码
2010/08/01 Javascript
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
提高javascript效率 一次判断,而不要次次判断
2012/03/30 Javascript
使用jQuery.fn自定义jQuery翻页插件
2013/01/20 Javascript
javascript时间函数基础介绍
2013/03/28 Javascript
JavaScript—window对象使用示例
2013/12/09 Javascript
JavaScript中跨域调用Flash的方法
2014/08/11 Javascript
基于Javascript实现返回顶部按钮
2016/02/29 Javascript
微信小程序开发之Tabbar实例详解
2017/01/09 Javascript
nodejs aes 加解密实例
2018/10/10 NodeJs
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
2019/05/02 Javascript
为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置
2019/09/29 Javascript
微信小程序中的上拉、下拉菜单功能
2020/03/13 Javascript
JavaScript使用prototype属性实现继承操作示例
2020/05/22 Javascript
Python中的二叉树查找算法模块使用指南
2014/07/04 Python
python简单获取数组元素个数的方法
2015/07/13 Python
Python的Asyncore异步Socket模块及实现端口转发的例子
2016/06/14 Python
python入门基础之用户输入与模块初认识
2016/11/14 Python
详解多线程Django程序耗尽数据库连接的问题
2018/10/08 Python
在Python中append以及extend返回None的例子
2019/07/20 Python
python根据多个文件名批量查找文件
2019/08/13 Python
Python 实现一个计时器
2020/07/28 Python
CSS3 display知识详解
2015/11/25 HTML / CSS
Myprotein瑞典官方网站:畅销欧洲英国运动营养品牌
2018/01/22 全球购物
专业实习自我鉴定
2013/10/29 职场文书
项目计划书范文
2014/01/09 职场文书
关于运动会的广播稿(10篇)
2014/09/12 职场文书
法定代表人授权委托书范本
2014/10/07 职场文书
2015新学期家长寄语
2015/02/26 职场文书
起诉书格式范文
2015/05/20 职场文书
职场中的你,辞职信写对了吗?
2019/06/26 职场文书
CPU不支持Windows11系统怎么办
2021/11/21 数码科技
JAVA springCloud项目搭建流程
2022/05/11 Java/Android