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

Jquery数独游戏解析（一）-页面布局

Nov 05 Javascript

JavaScript中的16进制字符(改进)

Nov 21 Javascript

关闭浏览器时提示onbeforeunload事件

Dec 25 Javascript

使用jQuery简单实现模拟浏览器搜索功能

Dec 21 Javascript

jQuery Ajax Post 回调函数不执行问题的解决方法

Aug 15 Javascript

JS经典正则表达式笔试题汇总

Dec 15 Javascript

详解vue服务端渲染(SSR)初探

Jun 19 Javascript

基于 Immutable.js 实现撤销重做功能的实例代码

Mar 01 Javascript

小程序实现搜索界面小程序实现推荐搜索列表效果

May 18 Javascript

Ajax请求时无法重定向的问题解决代码详解

Jun 21 Javascript

Vue自定义组件双向绑定实现原理及方法详解

Sep 03 Javascript

详解vite+ts快速搭建vue3项目以及介绍相关特性

Feb 25 Vue.js

在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

CodeIgniter框架提示Disallowed Key Characters的解决办法

2014/04/21 PHP

WordPress中创建用户角色的相关PHP函数使用详解

2015/12/25 PHP

PHP之十六个魔术方法详细介绍

2016/11/01 PHP

PNGHandler-借助JS让PNG图在IE下实现透明（包括背景图）

2007/08/31 Javascript

javascript IFrame 强制刷新代码

2009/07/23 Javascript

Javascript 继承实现例子

2009/08/12 Javascript

利用jQuery实现可输入搜索文字的下拉框

2013/10/23 Javascript

window.onload和$(function(){})的区别介绍

2013/10/30 Javascript

javascritp添加url参数将参数加入到url中

2014/09/25 Javascript

jQuery源码分析之jQuery.fn.each与jQuery.each用法

2015/01/23 Javascript

Javascript操作表单实例讲解（下）

2016/06/20 Javascript

js css3实现图片拖拽效果

2017/03/04 Javascript

jQuery常见面试题之DOM操作详析

2017/07/05 jQuery

深入理解ES6学习笔记之块级作用域绑定

2017/08/19 Javascript

Vue基础学习之项目整合及优化

2019/06/02 Javascript

浅谈Vue SSR中的Bundle的具有使用

2019/11/21 Javascript

Python使用正则表达式抓取网页图片的方法示例

2017/04/21 Python

python中实现控制小数点位数的方法

2019/01/24 Python

Python之数据序列化（json、pickle、shelve）详解

2019/08/30 Python

django3.02模板中的超链接配置实例代码

2020/02/04 Python

20行Python代码实现一款永久免费PDF编辑工具的实现

2020/08/27 Python

详解python实现可视化的MD5、sha256哈希加密小工具

2020/09/14 Python

python实现移动木板小游戏

2020/10/09 Python

Canvas环形饼图与手势控制的实现代码

2019/11/08 HTML / CSS

AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码

2020/08/19 HTML / CSS

美国玩具公司：U.S.Toy

2018/05/19 全球购物

Why we need EJB

2016/10/20 面试题

实习护理工作自我评价

2013/09/25 职场文书

yy生日主持词

2014/03/20 职场文书

生日寄语大全

2014/04/08 职场文书

大学自主招生推荐信

2014/05/10 职场文书

忠诚奉献演讲稿

2014/09/12 职场文书

乱丢垃圾袋检讨书

2014/10/08 职场文书

2016年春季运动会加油稿

2015/07/22 职场文书

MySQL InnoDB ReplicaSet(副本集)简单介绍

2021/04/24 MySQL

为什么在foreach循环中JAVA集合不能添加或删除元素

2021/06/11 Java/Android