Vue 之 element-ui upload组件的文件类型

Posted Lulin1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 之 element-ui upload组件的文件类型相关的知识,希望对你有一定的参考价值。

  在使用element-ui的upload上传组件的时候,有时候会遇到 控制上传文件类型 的需求,只需要配置accept属性为允许的类型即可,比如:

<el-upload
              class="upload-demo"
              :action="this.uploadUrl"
              :on-preview="handlePreview"
              :on-remove="handleRemove"
              :on-success="uploadSuccess"
           accept=".doc,.txt,.pdf,.xls,.docx,.xlsx">
</el-upload>

  即: 添加  accept=".doc,.txt,.pdf,.xls,.docx,.xlsx  属性,意思是上传文件的类型只能是 .doc, .txt, .pdf, .xls, .docx, .xlsx 这六种。

 

以上是关于Vue 之 element-ui upload组件的文件类型的主要内容,如果未能解决你的问题,请参考以下文章

vue element-ui upload在图片上传之前进行压缩操作

vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效解决方法

vue 使用element-ui的el-upload httprequest实现上传文件到后台的功能

element-ui中upload组件如何传递文件及其他参数

element-ui plus中如何单独出发el-upload提交

vue element-ui 上传文件组件怎么使用