如何解决Filepond 仅用作输入文件的增强
有没有办法将 Filepond 配置为仅作为输入文件元素的增强功能?现在,我想将它用作我的表单的直接升级,该表单通过 PHP 后端处理上传。
当我上传文件时,输入元素会短暂填充文件数据,然后将其删除,这会破坏我的表单验证和标准上传方法。有没有办法绕过它,或者我应该更改我的上传和验证以与 Filepond 一起工作?
解决方法
我找到了一个非常简单的答案。
我使用 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;
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。