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

用js实现的抽象CSS圆角效果!!

May 03 Javascript

关于Ext中form移除textfield方法:hide(),setVisible(false)，remove()

Dec 02 Javascript

JS中的public和private对象,即static修饰符

Jan 18 Javascript

javascript中自定义对象的属性方法分享

Jul 12 Javascript

简体中文转换繁体中文(实现代码)

Dec 25 Javascript

ECharts仪表盘实例代码(附源码下载)

Feb 18 Javascript

关于Iframe父页面与子页面之间的相互调用

Nov 22 Javascript

怎么使用javascript深度拷贝一个数组

Jun 06 Javascript

json字符串对象转换代码实例

Sep 28 Javascript

微信小程序返回箭头跳转到指定页面实例解析

Oct 08 Javascript

vue数据响应式原理知识点总结

Feb 16 Javascript

JavaScript Event Loop相关原理解析

Jun 10 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 不错的学习资料

2009/02/06 PHP

微盾PHP脚本加密专家php解密算法

2020/09/13 PHP

PHP 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)

2012/06/07 PHP

2014过年倒计时示例

2014/01/31 PHP

学习php设计模式 php实现适配器模式

2015/12/07 PHP

PHP中仿制 ecshop验证码实例

2017/01/06 PHP

php+ajax实现无刷新文件上传功能(ajaxuploadfile)

2018/02/11 PHP

PHP+Redis事务解决高并发下商品超卖问题(推荐)

2020/08/03 PHP

Javascript将string类型转换int类型

2010/12/09 Javascript

window.open以post方式将内容提交到新窗口

2012/12/26 Javascript

jQuery Form 页面表单提交的小例子

2013/11/15 Javascript

全面了解JS中的匿名函数

2016/06/29 Javascript

微信小程序页面传值实例分析

2017/04/19 Javascript

如何重置vue打印变量的显示方式

2017/12/06 Javascript

浅谈基于Vue.js的移动组件库cube-ui

2017/12/20 Javascript

一步步教你利用webpack如何搭一个vue脚手架（超详细讲解和注释）

2018/01/08 Javascript

修改vue+webpack run build的路径方法

2018/09/01 Javascript

解决layui数据表格Date日期格式的回显Object的问题

2019/09/19 Javascript

JavaScript如何使用插值实现图像渐变

2020/06/28 Javascript

[06:35]2014DOTA2国际邀请赛老男孩梦圆西雅图中国军团世界最强

2014/07/22 DOTA

[01:07:17]EG vs Optic Supermajor 败者组 BO3 第一场 6.6

2018/06/07 DOTA

[01:16:37]【全国守擂赛】第三周决赛 Dark Knight vs. 一个弱队

2020/05/04 DOTA

Python logging管理不同级别log打印和存储实例

2018/01/19 Python

彻底搞懂Python字符编码

2018/01/23 Python

使用 Visual Studio Code（VSCode）搭建简单的Python+Django开发环境的方法步骤

2018/12/17 Python

基于python生成器封装的协程类

2019/03/20 Python

Net-A-Porter美国官网：全球时尚奢侈品名站

2017/02/11 全球购物

六道php面试题附答案

2014/06/05 面试题

商场消防管理制度

2014/01/12 职场文书

审计主管岗位职责

2014/01/31 职场文书

师范生求职信

2014/06/14 职场文书

乡镇民主生活会发言材料

2014/10/20 职场文书

2015年物资管理工作总结

2015/05/20 职场文书

安全教育日主题班会

2015/08/13 职场文书

初中物理教学反思

2016/02/19 职场文书

2022新作动画《福星小子》释出宣传影片加入内田真礼&宫野真守配音演出

2022/04/08 日漫