[Feature] How to show file limits to a custom html area with a selector about filepond

[rikschennink]

You can use various FilePond events to update a label outside of FilePond. This is a question best asked on Stack Overflow.

[muhyilmaz]

You can use various FilePond events to update a label outside of FilePond. This is a question best asked on Stack Overflow.

I did not find any documentation about this subject. My problem is, after I active file size validation plugin, I try to upload more than N (limit) file, but when i click file explorer browser to add files to filepond, filepond reacts nothing. No event no error log no message.

[muhyilmaz]

` applyFilterChain('ADD_ITEMS', items, { dispatch: root.dispatch }).then(function(
queue
) {
// these files don't fit so stop here
if (exceedsMaxFiles(root, queue)) return false;

 // go
 root.dispatch('ADD_ITEMS', {
     items: queue,
     index: getDragIndex(root.ref.list, children, position),
     interactionMethod: InteractionMethod.DROP,
 });

});`

in filepond.js I think this code returns true or false. I cannot see where it gets error

[muhyilmaz]

The main problem here,

pond.on('addfile', (error, file) => {
    const currentFiles = pond.getFiles().length;

    // Dosya sayısı kontrolü
    if (currentFiles > 5) {
        alert('Dikkat! En fazla 5 dosya yükleyebilirsiniz!');
        // Hatalı dosyayı kaldır
        pond.removeFile(file.id);
    }
});

pond.on('processfiles', (files) => {
    // Dosya sayısı kontrolü
    if (files.length > 5) {
        alert('Dikkat! En fazla 5 dosya yükleyebilirsiniz!');
        // Hatalı dosyaları temizle
        pond.removeFiles(files);
    } else {
        // Dosya limiti aşılmadığında normal işleme devam et
        console.log('Dosyalar başarıyla işlendi:', files);
    }
});

these methods not working when I allow "allowFileSizeValidation" true.

const pond = FilePond.create(inputElement, {
    allowFileSizeValidation: true, // this
    maxFileSize: 10485760,
    maxFiles: 5
});

[muhyilmaz]

@rikschennink