场景
使用el-upload上传文件时限制只能上传指定格式的文件。
比如这里只允许上传apk格式的文件。
注：
博客：
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。
实现
通过添加accept=".apk"来添加打开时的默认类型
<el-upload :headers="headers" :action="url" :multiple="false" :file-list="fileList" :on-remove="fileRemove" :on-success="uploadSuccess" :on-error="uploadError" :on-progress="uploadProgress" :before-upload="beforeUpload" :limit="1" :on-exceed="beyond" accept=".apk" >
但是这样只能限制打开时默认的选择类型，还是可以进行更改为All
重写
:before-upload="beforeUpload"
在方法中
beforeUpload(file) { var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1); const extension = testmsg === "apk"; if (!extension ) { this.$message({ message: "上传文件只能是.apk格式!", type: "warning", }); } return extension; },
那么在选择其他类型的文件后就会触发提示并且没法提交