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 相关文章推荐
Jquery数独游戏解析(一)-页面布局
Nov 05 Javascript
JavaScript中的16进制字符(改进)
Nov 21 Javascript
关闭浏览器时提示onbeforeunload事件
Dec 25 Javascript
使用jQuery简单实现模拟浏览器搜索功能
Dec 21 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
Aug 15 Javascript
JS经典正则表达式笔试题汇总
Dec 15 Javascript
详解vue服务端渲染(SSR)初探
Jun 19 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
Mar 01 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
May 18 Javascript
Ajax请求时无法重定向的问题解决代码详解
Jun 21 Javascript
Vue自定义组件双向绑定实现原理及方法详解
Sep 03 Javascript
详解vite+ts快速搭建vue3项目以及介绍相关特性
Feb 25 Vue.js
在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
CodeIgniter框架提示Disallowed Key Characters的解决办法
2014/04/21 PHP
WordPress中创建用户角色的相关PHP函数使用详解
2015/12/25 PHP
PHP之十六个魔术方法详细介绍
2016/11/01 PHP
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
2007/08/31 Javascript
javascript IFrame 强制刷新代码
2009/07/23 Javascript
Javascript 继承实现例子
2009/08/12 Javascript
利用jQuery实现可输入搜索文字的下拉框
2013/10/23 Javascript
window.onload和$(function(){})的区别介绍
2013/10/30 Javascript
javascritp添加url参数将参数加入到url中
2014/09/25 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
2015/01/23 Javascript
Javascript操作表单实例讲解(下)
2016/06/20 Javascript
js css3实现图片拖拽效果
2017/03/04 Javascript
jQuery常见面试题之DOM操作详析
2017/07/05 jQuery
深入理解ES6学习笔记之块级作用域绑定
2017/08/19 Javascript
Vue基础学习之项目整合及优化
2019/06/02 Javascript
浅谈Vue SSR中的Bundle的具有使用
2019/11/21 Javascript
Python使用正则表达式抓取网页图片的方法示例
2017/04/21 Python
python中实现控制小数点位数的方法
2019/01/24 Python
Python之数据序列化(json、pickle、shelve)详解
2019/08/30 Python
django3.02模板中的超链接配置实例代码
2020/02/04 Python
20行Python代码实现一款永久免费PDF编辑工具的实现
2020/08/27 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
python实现移动木板小游戏
2020/10/09 Python
Canvas环形饼图与手势控制的实现代码
2019/11/08 HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
美国玩具公司:U.S.Toy
2018/05/19 全球购物
Why we need EJB
2016/10/20 面试题
实习护理工作自我评价
2013/09/25 职场文书
yy生日主持词
2014/03/20 职场文书
生日寄语大全
2014/04/08 职场文书
大学自主招生推荐信
2014/05/10 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
乱丢垃圾袋检讨书
2014/10/08 职场文书
2016年春季运动会加油稿
2015/07/22 职场文书
MySQL InnoDB ReplicaSet(副本集)简单介绍
2021/04/24 MySQL
为什么在foreach循环中JAVA集合不能添加或删除元素
2021/06/11 Java/Android