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

TopList标签和JavaScript结合两例

Aug 12 Javascript

让firefox支持IE的一些方法的javascript扩展函数代码

Jan 02 Javascript

基于JQuery 滑动与动画的说明介绍

Apr 18 Javascript

Angularjs基础知识及示例汇总

Jan 22 Javascript

jQuery插件scroll实现无缝滚动效果

Apr 27 Javascript

浅谈JS中的三种字符串连接方式及其性能比较

Sep 02 Javascript

jquery radio的取值_radio的选中_radio的重置方法

Sep 20 Javascript

基本DOM节点操作

Jan 17 Javascript

vue项目引入Iconfont图标库的教程图解

Oct 24 Javascript

如何写好一个vue组件,老夫的一年经验全在这了（推荐）

May 18 Javascript

JS面向对象之单选框实现

Jan 17 Javascript

vue使用element-ui实现表单验证

Dec 13 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

php实现图片缩放功能类

2013/12/18 PHP

laravel添加前台跳转成功页面示例

2019/10/22 PHP

PHP底层运行机制与工作原理详解

2020/07/31 PHP

php的单例模式及应用场景详解

2021/02/27 PHP

用javascript实现给出的盒子的序列是否可连为一矩型

2007/08/30 Javascript

网页上的Javascript编辑器和代码格式化

2010/04/25 Javascript

javascript 得到变量类型的函数

2010/05/19 Javascript

jQuery选中select控件无法设置selected的解决方法

2010/09/01 Javascript

js原生态函数中使用jQuery中的 $(this)无效的解决方法

2011/05/25 Javascript

简单实用jquery版三级联动select示例

2013/07/04 Javascript

jQuery设置div一直在页面顶部显示的方法

2013/10/24 Javascript

jQuery替换字符串(实例代码)

2013/11/13 Javascript

jQuery自定义事件的简单实现代码

2014/01/27 Javascript

js 动态为textbox添加下拉框数据源的方法

2014/04/24 Javascript

js控制输入框获得和失去焦点时状态显示的方法

2015/01/30 Javascript

利用VUE框架，实现列表分页功能示例代码

2017/01/12 Javascript

jQuery布局组件EasyUI Layout使用方法详解

2017/02/28 Javascript

解决Angular2 router.navigate刷新页面的问题

2018/08/31 Javascript

详解关于Vuex的action传入多个参数的问题

2019/02/22 Javascript

Python连接SQLServer2000的方法详解

2017/04/19 Python

Python数据结构之栈、队列的实现代码分享

2017/12/04 Python

python命令行解析之parse_known_args(）函数和parse_args()使用区别介绍

2018/01/24 Python

致Python初学者 Anaconda入门使用指南完整版

2018/04/05 Python

Python读取表格类型文件代码实例

2020/02/17 Python

Pythonic版二分查找实现过程原理解析

2020/08/11 Python

Python读取Excel一列并计算所有对象出现次数的方法

2020/09/04 Python

python中类与对象之间的关系详解

2020/12/16 Python

寻找完美的房车租赁：RVShare

2019/02/23 全球购物

美国在线轮胎零售商：SimpleTire

2019/04/08 全球购物

反腐倡廉警示教育活动总结

2014/05/05 职场文书

中国梦口号

2014/06/13 职场文书

个人四风问题对照检查材料

2014/10/01 职场文书

2015高三毕业寄语赠言

2015/02/27 职场文书

2015年六一儿童节活动方案

2015/05/05 职场文书

2016企业先进集体事迹材料

2016/02/25 职场文书

如何解决springcloud feign 首次调用100%失败的问题

2021/06/23 Java/Android