编程 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 相关文章推荐

popdiv

Jul 14 Javascript

JS中的log对象获取以及debug的写法介绍

Mar 03 Javascript

jquery控制select的text/value值为选中状态

Jun 03 Javascript

Angular用来控制元素的展示与否的原生指令介绍

Jan 07 Javascript

AngularJS基础 ng-repeat 指令简单示例

Aug 03 Javascript

Node.js connect ECONNREFUSED错误解决办法

Sep 15 Javascript

vue实现一个移动端屏蔽滑动的遮罩层实例

Jun 08 Javascript

node前端模板引擎Jade之标签的基本写法

May 11 Javascript

从零开始搭建vue移动端项目到上线的步骤

Oct 15 Javascript

微信网页登录逻辑与实现方法

Apr 29 Javascript

在vue中使用Base64转码的案例

Aug 07 Javascript

使用PDF.js渲染canvas实现预览pdf的效果示例

Apr 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

用php过滤危险html代码的函数

2008/07/22 PHP

在smarty模板中使用PHP函数的方法

2011/04/23 PHP

PHP合并两个数组的两种方式的异同

2012/09/14 PHP

PHP 正则表达式常用函数

2014/08/17 PHP

mysql desc(DESCRIBE)命令实例讲解

2016/09/24 PHP

thinkPHP引入类的方法详解

2016/12/08 PHP

js 实现的可折叠留言板(附源码下载)

2014/07/01 Javascript

深入理解JavaScript系列（31）：设计模式之代理模式详解

2015/03/03 Javascript

JavaScript中使用Math.floor()方法对数字取整

2015/06/15 Javascript

javascript数组随机排序实例分析

2015/07/22 Javascript

jQuery EasyUI Dialog拖不下来如何解决

2015/09/28 Javascript

JS日期对象简单操作（获取当前年份、星期、时间）

2016/10/26 Javascript

JavaScript基础之AJAX简单的小demo

2017/01/29 Javascript

Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案

2017/02/23 Javascript

javascript 中select框触发事件过程的分析

2017/08/01 Javascript

js异步编程小技巧详解

2017/08/14 Javascript

vuejs项目打包之后的首屏加载优化及打包之后出现的问题

2018/04/01 Javascript

vueScroll实现移动端下拉刷新、上拉加载

2019/03/22 Javascript

js设置默认时间跨度过程详解

2019/07/17 Javascript

浅谈Vue3.0之前你必须知道的TypeScript实战技巧

2019/09/11 Javascript

Layui 解决表格异步调用后台分页的问题

2019/10/26 Javascript

基于vue项目设置resolves.alias: '@'路径并适配webstorm

2020/12/02 Vue.js

[06:25]第二届DOTA2亚洲邀请赛主赛事第二天比赛集锦.mp4

2017/04/03 DOTA

[05:11]TI9战队采访——VIRTUSPRO

2019/08/22 DOTA

[00:34]拔城逐梦，热血永恒！2020（秋）完美世界城市挑战赛报名开启

2020/10/09 DOTA

Eclipse + Python 的安装与配置流程

2013/03/05 Python

Python3删除排序数组中重复项的方法分析

2019/01/31 Python

python函数的万能参数传参详解

2019/07/26 Python

解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程

2020/03/10 Python

教师旷工检讨书

2014/01/18 职场文书

经典公益广告词

2014/03/13 职场文书

日化店促销方案

2014/03/26 职场文书

百日安全生产活动总结

2014/07/05 职场文书

村官2015年度工作总结

2015/10/14 职场文书

《赵州桥》教学反思

2016/02/17 职场文书

Python中的min及返回最小值索引的操作

2021/05/10 Python