VUE使用element-ui的upload组件自定义文件列表

Posted 2023-03-21

参考技术A 原文 ： VUE使用element-ui的upload组件自定义文件列表

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