Запретить те же файлы / фотографии выбрать

Question

Есть ли способ предотвратить добавление уже выбранных файлов? Например, определить, существует ли такое же имя в ранее добавленных файлах? Какие-либо проверки перед отправкой формы или отправкой на сервер?

Answer 1

Вот решение, которое я использовал с экземпляром Filepond под названием "pond":

var filenames = [];
pond.on('addfile',
    function(error, file){
        if(filenames.includes(file.filename)){
            error = {
                main: 'duplicate',
                sub: 'A file with that name already exists in the pond.'
            }
            handleFileError(error, file);
        }
        if(error) handleFileError(error, file);
        filenames.push(file.filename);
    });

pond.on('removefile',
    function(error, file){
        var index = filenames.indexOf(file.filename);
        filenames.splice(index, 1);
    });

function handleFileError(error, file){
    var err = document.querySelector(".filepond-error");
    err.innerHTML = file.filename + " cannot be loaded " + error.sub;
    pond.removeFile(file);
}