Validate files based on their extension.
When using defineFilePond the value of the accept attribute on the <input type="file"> is automatically passed to this extension.
import { defineFilePond } from 'filepond';
import { locale } from 'filepond/locales/en-gb.js';
import { FileExtensionValidator } from 'filepond/extensions/file-extension-validator.js';
defineFilePond({
locale,
extensions: [
// Add the FileExtensionValidator extension
[FileExtensionValidator, {
accept: ['.jpg', '.png'],
}]
]
})
Configuration
The FileExtensionValidator extension accepts an option object of type FileExtensionValidatorOptions which defines the properties below.
accept
An array of case-insensitive filename extensions, starting with a period (‘.’) character
accept?: string | string[]
format
Formats the extensions for presentation in a validation message
format?: (mimeTypes: string[]) => string