编程 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 自定义的联动下拉框

Feb 07 Javascript

浅析IE10兼容性问题(frameset的cols属性)

Jan 03 Javascript

Javascript中的关键字和保留字整理

Oct 16 Javascript

函数window.open实现关闭所有的子窗口

Aug 03 Javascript

获取当前月（季度/年）的最后一天（set相关操作及应用）

Dec 27 Javascript

浅析Vue自定义组件的v-model

Nov 26 Javascript

VUE写一个简单的表格实例

Aug 06 Javascript

React中使用UMEditor的方法示例

Dec 27 Javascript

vue请求数据的三种方式

Mar 04 Javascript

详解Webpack抽离第三方类库以及common解决方案

Mar 30 Javascript

typescript编写微信小程序创建项目的方法

Jan 29 Javascript

Javascript设计模式之原型模式详细

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

IIS环境下快速安装、配置和调试PHP5.2.0

2006/12/17 PHP

深入理解PHP之require/include顺序推荐

2011/01/02 PHP

开源php中文分词系统SCWS安装和使用实例

2014/04/11 PHP

分享PHP源码批量抓取远程网页图片并保存到本地的实现方法

2015/12/01 PHP

PHP实现微信JS-SDK接口选择相册及拍照并上传的方法

2016/12/05 PHP

Thinkphp 空操作、空控制器、命名空间(详解)

2017/05/05 PHP

ajax中get和post的说明及使用与区别

2012/12/23 Javascript

js监听滚动条滚动事件使得某个标签内容始终位于同一位置

2014/01/24 Javascript

javascript实现数组中的内容随机输出

2015/08/11 Javascript

jQuery使用zTree插件实现树形菜单和异步加载

2016/02/25 Javascript

js实现div模拟模态对话框展现URL内容

2016/05/27 Javascript

AngularJS中的JSONP实例解析

2016/12/01 Javascript

一个简易时钟效果js实现代码

2020/03/25 Javascript

微信、QQ、微博、Safari中使用js唤起App

2018/01/24 Javascript

Vue官网todoMVC示例代码

2018/01/29 Javascript

webpack打包并将文件加载到指定的位置方法

2018/02/22 Javascript

vue底部加载更多的实例代码

2018/06/29 Javascript

Vue+element+cookie记住密码功能的简单实现方法

2020/09/20 Javascript

如何在Express4.x中愉快地使用async的方法

2020/11/18 Javascript

基于Python Numpy的数组array和矩阵matrix详解

2018/04/04 Python

python的pip安装以及使用教程

2018/09/18 Python

Python列表(list)所有元素的同一操作解析

2019/08/01 Python

详解Django admin高级用法

2019/11/06 Python

浅谈pytorch、cuda、python的版本对齐问题

2020/01/15 Python

css3实现画半圆弧线的示例代码

2017/11/06 HTML / CSS

HTML5 Canvas 起步(1) - 基本概念

2009/05/12 HTML / CSS

Aveda美国官网：天然护发产品、洗发水、护发素和沙龙

2016/12/09 全球购物

荷兰皇家航空公司官方网站：KLM Royal Dutch Airlines

2017/12/07 全球购物

建筑施工员岗位职责

2013/11/26 职场文书

亲子拓展活动方案

2014/02/20 职场文书

四风批评与自我批评范文

2014/10/14 职场文书

Java 语言中Object 类和System 类详解

2021/07/07 Java/Android

Java 超详细讲解设计模式之中的抽象工厂模式

2022/03/25 Java/Android

详解Android中的TimePickerView(时间选择器)的用法

2022/04/30 Java/Android

MySQL外键约束(Foreign Key)案例详解

2022/06/28 MySQL

Android实现图片九宫格

2022/06/28 Java/Android