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

Zero Clipboard js+swf实现的复制功能使用方法

Mar 07 Javascript

js 实现打印网页中定义的部分内容的代码

Apr 01 Javascript

JQERY limittext 插件0.2版(长内容限制显示)

Aug 27 Javascript

jQuery点击后一组图片左右滑动的实现代码

Aug 16 Javascript

使用jquery实现的一个图片延迟加载插件（含图片延迟加载原理）

Jun 05 Javascript

基于jquery实现百度新闻导航菜单滑动动画

Mar 15 Javascript

javascript中利用柯里化函数实现bind方法

Apr 29 Javascript

微信小程序 form组件详解

Oct 25 Javascript

Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法

Jun 29 Javascript

bootstrap confirmation按钮提示组件使用详解

Aug 22 Javascript

vue cli webpack中使用sass的方法

Feb 24 Javascript

javascript实现fetch请求返回的统一拦截

Dec 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中接口的应用

2015/08/12 PHP

PHP+JS实现的商品秒杀倒计时用法示例

2016/11/15 PHP

php断点续传之文件分割合并详解

2016/12/13 PHP

自动生成文章摘要的代码[JavaScript 版本]

2007/03/20 Javascript

javascript 动态修改样式和层叠样式表代码

2010/04/27 Javascript

解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法

2012/11/14 Javascript

jquery实现按Enter键触发事件示例

2013/09/10 Javascript

jQuery实现信息提示框(带有圆角框与动画)效果

2015/08/07 Javascript

JS常用函数和常用技巧小结

2016/10/15 Javascript

微信小程序开发一键登录获取session_key和openid实例

2016/11/23 Javascript

微信小程序去哪里找小程序到底如何使用(附小程序名单)

2017/01/09 Javascript

Map.vue基于百度地图组件重构笔记分享

2017/04/17 Javascript

AngularJS获取json数据的方法详解

2017/05/27 Javascript

微信小程序自定义组件

2017/08/16 Javascript

Angular2中监听数据更新的方法

2018/08/31 Javascript

使用vue实现通过变量动态拼接url

2020/07/22 Javascript

[16:21]教你分分钟做大人：圣堂刺客

2014/12/03 DOTA

基于Python实现的百度贴吧网络爬虫实例

2015/04/17 Python

python出现"IndentationError: unexpected indent"错误解决办法

2017/10/15 Python

Python将多个excel文件合并为一个文件

2018/01/03 Python

python交互界面的退出方法

2019/02/16 Python

Python----数据预处理代码实例

2019/03/20 Python

使用Python完成15位18位身份证的互转功能

2019/11/06 Python

解决Keras 与 Tensorflow 版本之间的兼容性问题

2020/02/07 Python

Python3合并两个有序数组代码实例

2020/08/11 Python

利用Python的folium包绘制城市道路图的实现示例

2020/08/24 Python

No module named ‘win32gui‘ 的解决方法(踩坑之旅)

2021/02/18 Python

美国女性奢华品牌精品店：INTERMIX

2017/10/12 全球购物

时尚孕妇装：HATCH Collection

2019/09/24 全球购物

公司活动邀请函

2014/01/24 职场文书

领导班子整改方案和个人整改措施

2014/10/25 职场文书

客房服务员岗位职责

2015/02/09 职场文书

2015年学生会工作总结范文

2015/03/31 职场文书

信息技术远程培训心得体会

2016/01/09 职场文书

JavaScript如何利用Promise控制并发请求个数

2021/05/14 Javascript

Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)

2021/06/07 Python