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

问题描述：

使用 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
      }
    }

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