问题标签 [filepond]

我关注了关于将初始文件设置为预填充文件池的文件池文档。现在，我想编写一个自定义还原函数，在该函数中我可以根据文件来源使用不同的函数。

以下是显示我想要实现的目标的假设代码：

问题 1： 我无法获取文件的来源。我在revert函数中尝试了以下代码，但都没有工作。我应该如何获取文件的来源？

问题2： 假设我可以得到文件的来源，我应该如何编写函数来删除输入文件？（在起源 == 1 的情况下）？我发现的一件事是，当我单击新添加的文件上的取消按钮时，uniqueFileId 为“成功”。我不确定这是否应该是因为文件尚未上传或我做错了什么。

在“LIMBO”的情况下，uniqueFileId 正确显示为文件名，例如“1.jpg”。我能够将此 ID 传递给服务器。

我正在使用FilePond库在 React 应用程序中处理我的图片上传。

我有一个 FilePond 的多重上传实例，一个组件内最多包含 10 个文件，该组件将文件上传到临时位置并返回每个文件 onUpload 的临时 ID。

我要解决的问题是我想禁用组件中的提交表单按钮，直到上传所有图像。

当我阅读文档时，有一个关于 que 中的文件数量和其他相关信息FileStatusEnum的一些统计信息PROCESSING_QUEUED

我想知道如何访问它以创建基于它的逻辑

下面是 FilePond 实例

我想将文件与其他表单字段数据一起发送到 Laravel 控制器，但我使用 FilePond.js 将文件作为异步请求发送。

我使用了 FilePondPluginFileEncode 插件并将文件的数据作为 Json 对象，但我无法存储数据，因为我没有找到文件的任何临时/位置。

它存储空文件（具有正确的名称和格式）

我想在 Laravel 的控制器中获取文件

我正在使用 FilePond 和 Doka 来管理和编辑具有独特需求的表单上的图像上传，我希望能够在将文件添加到 FilePond 时自动调整图像大小和/或压缩图像。

我正在使用 FilePond + Doka 的 React 实现。

图像大小调整和压缩已配置，并且在用户编辑图像然后点击“完成”时工作，因此很明显事情连接正确。

在我们的用例中，我们不太关心生成图像的质量和分辨率，但我们使用 IndexedDB 和 LocalStorage 对客户端大小进行了大量自定义文件管理。大多数用户图像不会由用户手动编辑/标记，因此我们希望能够在打开事务并推送到 IndexedDB 之前手动调整大小和压缩。

我尝试使用 filePond.current.processFiles() 并发现一切都运行了，但文件大小似乎没有改变，并且这个处理函数也启动了文件上传。

背景：我有一个 django 项目，用户可以在其中上传多个图像，其中一个将是主图像。我正在使用 Filepond 上传和优化图像。

Filepond 上传文件的顺序并不总是与用户选择文件的顺序相同。因此，我尝试为用户提供一个选项，用户单击文件（在这种情况下，显示为预览图像）并且单击的文件将成为主图像。

我使用以下代码将用户单击的图像记录为服务器端的主图像，它可以工作。

问题：为了给用户提供更好的体验，我尝试实现以下目标：当用户单击其中一个预览图像时，比如图像 A，文本（“这是您的主图像”）或图标显示在图片 A. 我该怎么做或类似的事情？谢谢！

编辑

我使用以下代码临时解决了这个问题，但这不是最佳的。基本上，我生成了单击图像的缩略图以向用户显示。

仍在寻求帮助：我真正想要的是在单击图像（由 filepond 图像预览插件渲染）后，该特定图像上会显示一个图标/文本。或者，每个上传的图像上都会显示一个图标，一旦单击，图标会以某种方式更改以指示该图像已被选为主图像。

我有一个页面，其中多个输入文件字段被动态添加到 DOM，并且每个都应该转换为 FilePond。

这是一个模拟我的问题的 Codepen：https ://codepen.io/veur/pen/pooZWoo

• 点击“Load FilePond 1”，上传文件：FilePond:addfile事件触发
• 点击“Load FilePond 2”：FilePond:addfile第一个 FilePond 再次触发事件

创建第二个文件元素时，我只希望将该元素转换为 FilePond。是否有 FilePond 方法仅加载未转换的文件输入？

好的，我在这里无所适从。我在使用 Hooks 的功能组件中使用 FilePond 和 React。我没有使用 FilePond 来处理实际的上传，只是用文件设置状态，我的简化版本是这样的：

档案池：

手柄更新：

状态：

最后我上传并清除输入状态：

那么在发送表单后，我将如何删除 FilePond 文件呢？

我将 FilePond 与图像编辑器一起使用，因此我还加载了 Image Transform 插件。

但是，当用户上传 GIF 文件时，我希望输出的图像保持为 GIF 文件。目前它已通过 Image Transform 插件转换为 PNG。

有没有办法让 FilePond 在上传 GIF 文件时禁用 Image Transform 插件，或者以某种方式更改输出 mime 类型？

我是新手。所以我找到了这个示例代码来使用文件池将文件上传到 Firebase 存储。上传文件时效果很好。

如果我添加以下道具：

那么 FilePond 将不会自动上传。但我想写三个函数：

handleUpload,handleRead和handleDelete:

保存、查看和删除文件。有人可以指导我实现这一目标吗？

请耐心等待，我看过类似的问题，但它们没有帮助。

React filepond 项目非常适合上传图片，但无法恢复。DELETE 调用不会向服务器发送实际正在删除的文件。这使得清理用户不想上传的文件变得不可能。

这是我的反应代码。

cURL 请求如下所示：

正如您在 cURL 请求中看到的，没有向服务器发送 ID。

它现在解决了。后端没有将正确的 ID 发送回组件。