在使用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 这六种。