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

cnblogs csdn 代码运行框实现代码

Nov 02 Javascript

20个非常棒的 jQuery 幻灯片插件和教程分享

Aug 23 Javascript

引用外部js乱码问题分析及解决方案

Apr 12 Javascript

JavaScript 实现鼠标拖动元素实例代码

Feb 24 Javascript

两个多选select(multiple左右)添加、删除选项和取值实例

May 12 Javascript

通过JS来动态的修改url，实现对url的增删查改

Sep 01 Javascript

解析如何利用iframe标签以及js制作时钟

Dec 08 Javascript

JS实现的自动打字效果示例

Mar 10 Javascript

jQuery实现节点的追加、替换、删除、复制功能示例

Jul 11 jQuery

js定时器+简单的动画效果实例

Nov 10 Javascript

js合并两个数组生成合并后的key：value数组

May 09 Javascript

微信小程序中的canvas 文字断行和省略号显示功能的处理方法

Nov 14 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让网站移动访问更加友好方法

2019/02/14 PHP

Laravel自定义封装便捷返回Json数据格式的引用方法

2019/09/29 PHP

使用JS CSS去除IE链接虚线框的三种方法

2013/11/14 Javascript

在myeclipse中如何加入jquery代码提示功能

2014/06/03 Javascript

JavaScript中的标签语句用法分析

2015/02/10 Javascript

JQuery select（下拉框）操作方法汇总

2015/04/15 Javascript

JavaScript函数使用的基本教程

2015/06/04 Javascript

JavaScript中操作字符串之localeCompare()方法的使用

2015/06/06 Javascript

js实现文字垂直滚动和鼠标悬停效果

2015/12/31 Javascript

mvc 、bootstrap 结合分布式图简单实现分页

2016/10/10 Javascript

JS实战篇之收缩菜单表单布局

2016/12/10 Javascript

移动端基础事件总结与应用

2017/01/12 Javascript

Vue2学习笔记之请求数据交互vue-resource

2017/02/23 Javascript

NodeJs使用Mysql模块实现事务处理实例

2017/05/31 NodeJs

IntersectionObserver实现图片懒加载的示例

2017/09/29 Javascript

JavaScript 跨域之POST实现方法

2018/05/07 Javascript

Vue实现table上下移动功能示例

2019/02/21 Javascript

微信自定义分享链接信息（标题，图片和内容）实现过程详解

2019/09/04 Javascript

在Chrome DevTools中调试JavaScript的实现

2020/04/07 Javascript

python通过pil将图片转换成黑白效果的方法

2015/03/16 Python

Django进阶之CSRF的解决

2018/08/01 Python

Python最小二乘法矩阵

2019/01/02 Python

python批量修改文件夹及其子文件夹下的文件内容

2019/03/15 Python

对Django项目中的ORM映射与模糊查询的使用详解

2019/07/18 Python

解决Python3.7.0 SSL低版本导致Pip无法使用问题

2020/09/03 Python

澳大利亚电子产品购物网站：Dick Smith

2017/02/02 全球购物

加大码胸罩、内裤和服装：Just My Size

2019/03/21 全球购物

Blue Nile蓝色尼罗河香港官网：世界最大在线钻石珠宝销售商

2020/05/07 全球购物

什么是静态路由，其特点是什么？什么是动态路由，其特点是什么？

2013/07/26 面试题

报关员个人职业生涯规划书

2014/03/12 职场文书

校园活动宣传方案

2014/03/28 职场文书

如何写好自荐信

2014/04/07 职场文书

工地例会施工汇报材料

2014/08/22 职场文书

2014年物业公司工作总结

2014/11/22 职场文书

解决SpringBoot跨域的三种方式

2021/06/26 Java/Android

win10电脑双屏显示一个黑屏怎么办?win10电脑双屏显示一个黑屏解决方法

2022/07/15 数码科技