问题描述:
使用 accept=".jpeg,.png,.jpg,.bmp,.gif" 限制 el-upload 组件 还是可以上传非 accept 中类型的文件。
解决方案:
我们可以通过 :before-upload 来控制 上传前的 检查操作,检查到文件不是 accept 中类型的文件类型,提示错误
代码如下:
<el-upload
accept=".jpeg,.png,.jpg,.bmp,.gif"
:before-upload="checkFileType"
>
checkFileType (file) {
const fileName = file.name
const fileType = fileName.substring(fileName.lastIndexOf('.'))
// jpeg,.png,.jpg,.bmp,.gif
if (
fileType === '.jpg' ||
fileType === '.png' ||
fileType === '.jpeg' ||
fileType === '.bmp' ||
fileType === '.gif'
) {
// 不处理
} else {
this.$message.error(
'不是,jpeg,.png,.jpg,.bmp,.gif文件,请上传正确的图片类型'
)
return false
}
}
创作不易,如能对您有所帮助,感谢您的支持,欢迎打赏,充电