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 相关文章推荐
js类中获取外部函数名的方法
Aug 19 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
Jun 30 Javascript
JavaScript实战之菜单特效
Aug 16 Javascript
JavaScript获取服务器时间的方法详解
Dec 11 Javascript
angularjs指令之绑定策略(@、=、&amp;)
Apr 13 Javascript
jquery点赞功能实现代码 点个赞吧!
May 29 jQuery
使用Vue完成一个简单的todolist的方法
Dec 01 Javascript
讲解vue-router之命名路由和命名视图
May 28 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
Mar 12 Javascript
jQuery表单选择器用法详解
Aug 22 jQuery
CountUp.js数字滚动插件使用方法详解
Oct 17 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
桌面中心(三)修改数据库
2006/10/09 PHP
php中用数组的方法设置cookies
2011/04/21 PHP
Yii框架where查询用法实例分析
2019/10/22 PHP
Javascript 类型转换方法
2010/10/24 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
2012/07/21 Javascript
在JavaScript中处理时间之setMinutes()方法的使用
2015/06/11 Javascript
学习JavaScript设计模式(继承)
2015/11/26 Javascript
JS实现JSON.stringify的实例代码讲解
2017/02/07 Javascript
基于AngularJS实现表单验证功能
2017/07/28 Javascript
js异步编程小技巧详解
2017/08/14 Javascript
Three.js实现浏览器变动时进行自适应的方法
2017/09/26 Javascript
js实现每日签到功能
2018/11/29 Javascript
Three.JS实现三维场景
2018/12/30 Javascript
说说如何在Vue.js中实现数字输入组件的方法
2019/01/08 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
2019/08/17 Javascript
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
jQuery实现简单评论区功能
2020/10/26 jQuery
利用python获得时间的实例说明
2013/03/25 Python
python中numpy包使用教程之数组和相关操作详解
2017/07/30 Python
Python实现合并两个有序链表的方法示例
2019/01/31 Python
pyinstaller打包多个py文件和去除cmd黑框的方法
2019/06/21 Python
python3 实现的对象与json相互转换操作示例
2019/08/17 Python
Python faker生成器生成虚拟数据代码实例
2020/07/20 Python
Python selenium如何打包静态网页并下载
2020/08/12 Python
详解H5本地储存Web Storage
2017/07/03 HTML / CSS
写出程序把一个链表中的接点顺序倒排
2014/04/28 面试题
《与象共舞》教学反思
2014/02/24 职场文书
成人继续教育实施方案
2014/03/01 职场文书
《九寨沟》教学反思
2014/04/08 职场文书
企业三严三实学习心得体会
2014/10/13 职场文书
教师个人教学总结
2015/02/11 职场文书
物业前台接待岗位职责
2015/04/03 职场文书
董事长助理工作总结2015
2015/07/23 职场文书
Python基础之Socket通信原理
2021/04/22 Python
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python
阿里云服务器部署RabbitMQ集群的详细教程
2022/06/01 Servers