使用FormValidation无法在单个输入框验证图片与PDF文件的问题排查

问题核心是**type属性里的MIME类型格式错误**，你在MIME类型之间添加了空格，导致验证器无法正确识别除第一个以外的类型。

修正后的配置代码： #

fields: {
    fileupload: {
        validators: {
            file: {
                extension: 'jpeg,jpg,png,pdf',
                type: 'image/jpeg,image/png,application/pdf', // 去掉MIME类型之间的空格
                maxSize: 5 * 1024 * 1024, // 5 MB
                message: 'The selected file is not valid, it should be (jpeg,jpg,png,pdf) and 5 MB at maximum.'
            }
        }
    }
}

说明： #

formvalidation.io的file验证器对type属性的格式要求严格，MIME类型必须用无空格的逗号分隔，不能在逗号后加空格。原配置里image/jpeg, image/png这种带空格的写法，会让验证器把 image/png（带前导空格）当成无效的MIME类型，因此只有第一个image/jpeg生效，导致只能识别JPG文件。

内容的提问来源于stack exchange，提问作者Gasta