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

Dom加载让图片加载完再执行的脚本代码

May 15 Javascript

js 数组实现一个类似ruby的迭代器

Oct 27 Javascript

js写一个字符串转成驼峰的实例

Jun 21 Javascript

基于javascript 闭包基础分享

Jul 10 Javascript

Jquery Uploadify多文件上传带进度条且传递自己的参数

Aug 28 Javascript

js实现图片旋转的三种方法

Apr 10 Javascript

用json方式实现在 js 中建立一个map

May 02 Javascript

js中的如何定位固定层的位置

Jun 15 Javascript

JavaScript生成SQL查询表单的方法

Aug 13 Javascript

jQuery实现鼠标跟随效果

Feb 20 Javascript

vue下跨域设置的相关介绍

Aug 26 Javascript

对vue中的事件穿透与禁止穿透实例详解

Oct 28 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

MySQL数据库转移，access，sql server 转 MySQL 的图文教程

2007/09/02 PHP

php下mysql数据库操作类(改自discuz)

2010/07/03 PHP

百度工程师讲PHP函数的实现原理及性能分析（三）

2015/05/13 PHP

Jquery 获取表单text,areatext,radio,checkbox,select值的代码

2009/11/12 Javascript

JavaScript创建类/对象的几种方式概述及实例

2013/05/06 Javascript

PHP PDO操作总结

2014/11/17 Javascript

javascript实现Table排序的方法

2015/05/15 Javascript

GitHub上一些实用的JavaScript的文件压缩解压缩库推荐

2016/03/13 Javascript

React Router基础使用

2017/01/17 Javascript

浅谈jquery拼接字符串效率比较高的方法

2017/02/22 Javascript

JavaScript基于对象方法实现数组去重及排序操作示例

2018/07/10 Javascript

最适应的vue.js的form提交涉及多种插件【推荐】

2018/08/27 Javascript

vue中使用rem布局代码详解

2019/10/30 Javascript

[01:03:00]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第一局

2016/02/25 DOTA

[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局

2016/02/28 DOTA

[01:04:35]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第一场

2018/04/04 DOTA

仅用50行Python代码实现一个简单的代理服务器

2015/04/08 Python

树莓派与PC端在局域网内运用python实现即时通讯

2019/06/22 Python

Django Python 获取请求头信息Content-Range的方法

2019/08/06 Python

PYQT5开启多个线程和窗口,多线程与多窗口的交互实例

2019/12/13 Python

Python实现密码薄文件读写操作

2019/12/16 Python

Python Numpy库常见用法入门教程

2020/01/16 Python

Python爬取数据并实现可视化代码解析

2020/08/12 Python

详解torch.Tensor的4种乘法

2020/09/03 Python

html5定制表单_动力节点Java学院整理

2017/07/11 HTML / CSS

Belle Maison倍美丛官网：日本千趣会旗下邮购网站

2016/07/22 全球购物

美国网上花店：JustFlowers

2017/02/12 全球购物

Omio俄罗斯：一次搜索公共汽车、火车和飞机的机票

2018/11/17 全球购物

介绍一下Transact-SQL中SPACE函数的用法

2015/09/01 面试题

J2EE系统只能是基于web

2015/09/08 面试题

应届生新闻编辑求职信

2013/11/19 职场文书

工作作风建设心得体会

2014/10/22 职场文书

建议书格式

2015/02/04 职场文书

Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写

2021/08/02 MySQL

用Python仅20行代码编写一个简单的端口扫描器

2022/04/08 Python

使用Python开发贪吃蛇游戏 SnakeGame

2022/04/30 Python