vue el-upload上传组件限制文件类型：accept属性_el-upload accept

el-upload 控件文档

https://element.eleme.cn/#/zh-CN/component/upload

accept属性

示例

<el-upload
  class="avatar-uploader"
  action="https://xxx/upload"
  accept=".jpg,.jpeg,.png,.gif"
  :show-file-list="false"
  :on-success="handleAvatarSuccess"
  :before-upload="beforeAvatarUpload">
  <img v-if="imageUrl" :src="imageUrl" class="avatar">
  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
1
2
3
4
5
6
7
8
9
10

• accept=".jpg,.jpeg,.png,.gif"限制文件类型为.jpg,.jpeg,.png,.gif

效果如下：