Internationalization

We can change the language used for the FilePond labels to one of the available locales

Setting the initial language

import { locale } from 'filepond/locales/en-gb.js';

defineFilePond({
    locale,
});

Updating the current language

import { locale } from 'filepond/locales/fr-fr.js';

element.locale = locale;

Changing Labels

Change specific labels by spreading a default locale object and overriding individual keys.

import { locale } from 'filepond/locales/en-gb.js';

defineFilePond({
    locale: {
        ...en_GB,
        store: 'Upload',
        storeError: 'Failed to upload file',
    },
});

Use French locale but use a different label for store action.

import { locale } from 'filepond/locales/fr-fr.js';

element.locale = {
    ...locale,
    store: 'Upload',
};

Label placeholders

Some keys receive information from FilePond which we can use to dynamically build the label.

For example the loadDataTranserInfo key receives the totalFiles and the currently processedFiles counts.

We can use these variables in the string like this.

'Processed {{processedFiles}} of {{totalFiles}} files'