如何解决Filepond - 有预加载图像时不会触发 onprocessfiles 回调
根据 Filepond 文档,“onprocessfiles”回调应该在列表中的所有文件都被处理后触发,当我没有任何预加载文件时这工作正常,但当我有它时不起作用。
我使用 react-hook-form 来处理 filepond 状态,这里是我设置预加载文件的地方:
useEffect(() => {
reset({
...response,sku: response.sku,imagenes: response.imagenes[0].imagen // filepond files array
? response.imagenes.map(img => ({
source: `${response.proveedorId}/${img.imagen}`,options: {
type: 'local',Metadata: {
id: img.imagenId,poster: `${server}/${response.proveedorId}/${img.imagen}`,},}))
: [],// if doesn't come any value assigns an empty array
})
},[...dependencies])
这是我的 Filepont 组件:
<FilePond
files={filesArray}
allowMultiple={true}
allowReorder={true}
allowProcess={true}
maxFiles={maxFiles}
labelIdle={`Arrastra aquí tus imágenes,<span class="filepond--label-action">Elegir imágenes...</span>.`}
className="FilePondCustom"
onaddfilestart={() => console.log('addFileStart')}
onprocessfiles={() => console.log('all files has been processed')}
server={{
url: `${server}/upload/`,load: (source,load,error) => {
if (source) {
fetch(source,{
mode: 'no-cors',})
.then(res => {
return res.blob()
})
.then(blob => {
return load(blob)
})
.catch(error)
}
},}}
maxParallelUploads={maxFiles}
onupdatefiles={fileItems => setValue(name,fileItems)}
/>
预期的结果是,即使我已经预加载了文件,“onprocessfiles”回调也会触发。
文件池:4.28.2
反应文件池:7.1.1
反应:17.0.1
react-hook-form:7.1.0
FilepondDocs/properties/callbacks
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。