Filepond 仅用作输入文件的增强功能

Question

有没有办法将 Filepond 配置为仅作为输入文件元素的增强功能？现在，我想将它用作我的表单的插件升级，以处理使用 PHP 后端的上传。

当我上传文件时，输入元素会短暂填充文件数据，然后将其删除，这会破坏我的表单验证和标准上传方法。有没有办法绕过它，或者我应该将我的上传和验证更改为与 Filepond 一起工作？

Answer 1

我找到了答案，而且非常简单。

我使用FilePond:addfile 事件，获取上传的文件并使用DataTransfer API 将其直接传递到输入中。

const pond = document.querySelector('.filepond--root');

pond.addEventListener('FilePond:addfile', e => {

    const dt = new DataTransfer();
    dt.items.add(e.detail.file.file);

    let fi = e.target.querySelector('input');
    fi.files = dt.files;
});