Filepond仅用作对输入文件的增强
Filepond仅用作对输入文件的增强
提问于 2021-05-05 18:18:43
有没有办法将Filepond配置为仅作为对输入文件元素的增强？现在，我想使用它作为我的表单的一个插件升级，该表单使用PHP后端处理上传。
当我上传一个文件时，input元素被短暂地填充了文件数据，然后它被删除了，这破坏了我的表单验证和标准上传方法。有没有办法绕过它，或者我应该更改我的上传和验证，使其固有地与Filepond一起工作？
回答 1
Stack Overflow用户
发布于 2021-05-05 19:24:24
我已经找到了一个答案，它非常简单。
我使用FilePond:addfile事件，获取上传的文件，并使用DataTransfer接口将其直接传递到输入中。
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;
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67399373
复制相关文章
相似问题
腾讯云开发者
