编程 Javascript

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组件上传附件格式限制方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

- Author -

bloxed

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用Mootools获得操作索引的两种方法分享

Dec 12 Javascript

从零学JSON之JSON数据结构

May 19 Javascript

DOM 高级编程

May 06 Javascript

JavaScript实现对下拉列表值进行排序的方法

Jul 15 Javascript

JavaScript的jQuery库中function的存在和参数问题

Aug 13 Javascript

KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定

Oct 10 Javascript

理解AngularJs篇：30分钟快速掌握AngularJs

Dec 23 Javascript

Angular实现的简单查询天气预报功能示例

Dec 27 Javascript

微信小程序自定义底部弹出框

Nov 16 Javascript

解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法

Aug 27 jQuery

浅析微信小程序modal弹窗关闭默认会执行cancel问题

Oct 14 Javascript

JavaScript实现网页tab栏效果制作

Nov 20 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实现的返回数据格式化类实例

2014/09/22 PHP

PHP中使用匿名函数操作数据库的例子

2014/11/17 PHP

PHP中文竖排转换实现方法

2015/10/23 PHP

利用PHP获取汉字首字母并且分组排序详解

2017/10/22 PHP

php实现的rc4加密解密类定义与用法示例

2018/08/16 PHP

浮动的div自适应居中显示的js代码

2013/12/23 Javascript

jQuery插件开发的两种方法及$.fn.extend的详解

2014/01/16 Javascript

三种检测iPhone/iPad设备方向的方法

2014/04/23 Javascript

JS点击链接后慢慢展开隐藏着图片的方法

2015/02/17 Javascript

jQuery实现的多级下拉菜单效果代码

2015/08/24 Javascript

jquery实现LED广告牌旋转系统图片切换效果代码分享

2015/08/26 Javascript

Java Mybatis框架入门基础教程

2015/09/21 Javascript

jQuery-1.9.1源码分析系列（十一）DOM操作续之克隆节点

2015/12/01 Javascript

浅析JS运动

2015/12/28 Javascript

JavaScript function函数种类详解

2016/02/22 Javascript

微信小程序去哪里找小程序到底如何使用(附小程序名单)

2017/01/09 Javascript

Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例

2017/01/22 Javascript

原生JavaScript实现的简单放大镜效果示例

2018/02/07 Javascript

vue和webpack安装命令详解

2018/06/15 Javascript

详解IOS微信上Vue单页面应用JSSDK签名失败解决方案

2018/11/14 Javascript

jQuery创建折叠式菜单

2019/06/15 jQuery

解决使用layui对select append元素无效或者未及时更新的问题

2019/09/18 Javascript

微信小程序自定义navigationBar顶部导航栏适配所有机型（附完整案例）

2020/04/26 Javascript

JavaScript语法约定和程序调试原理解析

2020/11/03 Javascript

python使用post提交数据到远程url的方法

2015/04/29 Python

python 连接各类主流数据库的实例代码

2018/01/30 Python

Python面向对象class类属性及子类用法分析

2018/02/02 Python

python简单区块链模拟详解

2019/07/03 Python

如何在scrapy中捕获并处理各种异常

2020/09/28 Python

用html5实现语音搜索框的方法

2014/03/18 HTML / CSS

美国著名的家居用品购物网站：Bed Bath & Beyond

2018/01/05 全球购物

HttpServlet类中的主要方法都有哪些？各自的作用是什么？

2014/03/16 面试题

高中家长寄语

2014/04/02 职场文书

学生会干部自我鉴定2014

2014/09/18 职场文书

群众路线领导班子整改方案

2014/10/25 职场文书

资料员岗位职责

2015/02/10 职场文书