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组件如何传递文件及其他参数