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