jquery 如何在filepond中获得丢失文件的计数?

k0pti3hp  于 2023-08-04  发布在  jQuery
关注(0)|答案(1)|浏览(115)

我已经实现了FilePond文件上传,它工作得很好。但是,我想显示在给定时间内放入放置区的文件数量,并显示上传文件的计数。

$('input[type=file]').on('change',function () {
        fileCount = this.files.length;
        console.log(fileCount );

    });

字符串
上面的代码使用change事件提供了正确的文件计数。
然而,我试图获得的计数下降的文件具体,但下面的代码似乎不工作的目的。

const inputElement = document.querySelector('input[type="file"]');
const pond = FilePond.create(inputElement);
let droppedFileCount = 0;
pond.on('addfile', () => {
droppedFileCount = pond.getFiles().length;
console.log('Dropped file count:', droppedFileCount);
});


任何线索都将不胜感激。先谢谢你。

fxnxkyjh

fxnxkyjh1#

要获取FilePond中删除的文件的计数,可以使用“addfile”事件侦听器。您提供的代码是正确的,但是要显示在任何给定时间删除的文件的计数,您需要跟踪添加的文件数和从FilePond示例中删除的文件数。下面是一个更新的更全面的示例:

const inputElement = document.querySelector('input[type="file"]');
const pond = FilePond.create(inputElement);
let droppedFileCount = 0;

pond.on('addfile', () => {
  droppedFileCount = pond.getFiles().length;
  console.log('Dropped file count:', droppedFileCount);
});

pond.on('removefile', () => {
  droppedFileCount = pond.getFiles().length;
  console.log('Dropped file count:', droppedFileCount);
});

字符串

相关问题