element-ui的el-upload 限制只能上传图片类型的文件

element-ui的el-upload 限制只能上传图片类型的文件

问题描述：

使用 accept=".jpeg,.png,.jpg,.bmp,.gif" 限制 el-upload 组件 还是可以上传非 accept 中类型的文件。

解决方案：

我们可以通过 :before-upload 来控制 上传前的 检查操作，检查到文件不是 accept 中类型的文件类型，提示错误

代码如下：

<el-uploadaccept=".jpeg,.png,.jpg,.bmp,.gif":before-upload="checkFileType">

checkFileType (file) {const fileName = file.nameconst fileType = fileName.substring(fileName.lastIndexOf('.'))// jpeg,.png,.jpg,.bmp,.gifif (fileType === '.jpg' ||fileType === '.png' ||fileType === '.jpeg' ||fileType === '.bmp' ||fileType === '.gif') {// 不处理} else {this.$message.error('不是,jpeg,.png,.jpg,.bmp,.gif文件,请上传正确的图片类型')return false}}

创作不易，如能对您有所帮助，感谢您的支持，欢迎打赏，充电