在使用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 這六種。