element UI upload组件上传附件格式限制方法

更新时间：2018年09月04日 14:17:00 作者：bloxed

今天小编就为大家分享一篇element UI upload组件上传附件格式限制方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

如下所示：

<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组件上传附件格式限制方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

基于vue+echarts数据可视化大屏展示的实现
这篇文章主要介绍了基于vue+echarts数据可视化大屏展示的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-12-12
Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法
在开发过程中经常会发现当页面明明不应该出现的元素或内容会闪现一下然后消失，这篇文章给大家分享Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法，一起看看吧
2018-10-10
一步步教你搭建VUE+VScode+elementUI开发环境
这篇文章主要给大家介绍了关于搭建VUE+VScode+elementUI开发环境的相关资料,近期被配置环境的事情弄得整个人都要炸了,现在整理如下,希望有相同需求的朋友可以不用走弯路,需要的朋友可以参考下
2023-07-07
Vue CLI3基础学习之pages构建多页应用
这篇文章主要给大家介绍了关于Vue CLI3基础学习之pages构建多页应用的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Vue CLI3具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-06-06
vue使用ElementUI时导航栏默认展开功能的实现
这篇文章主要介绍了vue使用ElementUI时导航栏默认展开功能的实现,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-07-07
Vue eventBus事件总线封装后再用的方式
EventBus称为事件总线,当两个组件属于不同的两个组件分支,或者两个组件没有任何联系的时候,不想使用Vuex这样的库来进行数据通信,就可以通过事件总线来进行通信,这篇文章主要给大家介绍了关于Vue eventBus事件总线封装后再用的相关资料,需要的朋友可以参考下
2022-06-06
vue之keepAlive使用案例详解
这篇文章主要介绍了vue之keepAlive使用案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
2021-09-09
vue实现图片加载完成前的loading组件方法
下面小编就为大家分享一篇vue实现图片加载完成前的loading组件，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-02-02
复刻画龙产品vue实现新春气泡兔
这篇文章主要为大家介绍了复刻画龙产品之使用vue实现新春气泡兔示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-01-01
vue2配置scss的方法步骤
这篇文章主要介绍了vue2配置scss的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-06-06