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

javascript 处理事件绑定的一些兼容写法

Dec 24 Javascript

不同浏览器的怪癖小结

Jul 11 Javascript

JavaScript基础知识之数据类型

Aug 06 Javascript

Javascript基础教程之定义和调用函数

Jan 18 Javascript

JavaScript AOP编程实例

Jun 16 Javascript

jQuery实用技巧必备（下）

Nov 03 Javascript

jQuery实现iframe父窗体和子窗体的相互调用

Jun 17 Javascript

js微信支付实现代码

Dec 22 Javascript

(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看

Jan 08 jQuery

详解vue.js根据不同环境(正式、测试)打包到不同目录

Jul 13 Javascript

bootstrap-treeview实现多级树形菜单后台JSON格式如何组织?

Jul 26 Javascript

JavaScript使用prototype属性实现继承操作示例

May 22 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实现验证码功能

2006/10/09 PHP

js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)

2010/04/14 Javascript

日历查询的算法如何计算某一天是星期几

2012/12/12 Javascript

jquery实现简单易懂的图片展示小例子

2013/11/21 Javascript

javascript学习笔记之函数定义

2015/06/25 Javascript

jQuery在线选座位插件seat-charts特效代码分享

2015/08/27 Javascript

JavaScript对象参数的引用传递

2016/01/14 Javascript

基于javascript制作经典传统的拼图游戏

2016/03/22 Javascript

第七章之菜单按钮图标组件

2016/04/25 Javascript

input file上传图片预览功能实例代码

2016/10/25 Javascript

TypeScript学习之强制类型的转换

2016/12/27 Javascript

jquery dialog获取焦点的方法

2017/02/09 Javascript

canvas简单快速的实现知乎登录页背景效果

2017/05/08 Javascript

vue.js移动端app实战1：初始配置详解

2017/07/24 Javascript

详解用Node.js写一个简单的命令行工具

2018/03/01 Javascript

JS实现将二维数组转为json格式字符串操作示例

2018/07/12 Javascript

微信小程序数据分析之自定义分析的实现

2018/08/17 Javascript

vuejs2.0运用原生js实现简单拖拽元素功能

2020/08/21 Javascript

如何在项目中使用log4.js的方法步骤

2019/07/16 Javascript

你知道JavaScript Symbol类型怎么用吗

2020/01/08 Javascript

python实现在无须过多援引的情况下创建字典的方法

2014/09/25 Python

python读取各种文件数据方法解析

2018/12/29 Python

使用Python控制摄像头拍照并发邮件

2019/04/23 Python

Django中如何防范CSRF跨站点请求伪造攻击的实现

2019/04/28 Python

python实现函数极小值

2019/07/10 Python

python实现京东订单推送到测试环境，提供便利操作示例

2019/08/09 Python

Python中*args和**kwargs的区别详解

2019/09/17 Python

Win10下python 2.7与python 3.7双环境安装教程图解

2019/10/12 Python

详解Python Opencv和PIL读取图像文件的差别

2019/12/27 Python

如何基于线程池提升request模块效率

2020/04/18 Python

乡镇群众路线整改落实情况汇报

2014/10/28 职场文书

2014年电厂工作总结

2014/12/04 职场文书

医院营销工作计划

2015/01/16 职场文书

贫困证明书范文

2015/06/16 职场文书

教师信息技术学习心得体会

2016/01/21 职场文书

Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶

2021/10/16 Python