问题标签 [filepond]

我的问题......我如何使用 FilePond 但 onclick 上传文件，而不是像开箱即用那样自动上传文件？此外，由于我需要对这些图像采取一些其他操作（例如在上传之前显示它们以供查看），并且因为我需要将其他数据添加到要发送的 FormData 中（以及向 Redux 发送操作）。

通常我会创建一个 FormObject 将文件和其他值附加到它，然后再将其发布到某个端点（需要任何自定义标头）。但是，当我检查 FilePond 实例时，似乎我唯一可以访问的是 blob ......而不是实际文件。这是准确的吗？我是否需要遵循一些特殊的 FilePond 特定技术才能使文件上传正常工作？

FilePond 的文档有一个名为“server”的自定义配置值，它似乎可以访问更高级示例中的实际文件，所以这是必须完成的方式吗？我不能只抓取文件（从我目前在 FilePond 实例上看不到的某个地方）并将它们附加到一个对象以在我的正常“服务”中使用吗？

任何提示表示赞赏。在 React 应用程序中，我想在附加其他表单数据和设置标​​题（理想情况下使用 Axios）之后上传可变数量的文件，并将这些文件发布到 API。

他们文档中的示例使用如下道具：

我想要类似（假代码）的东西：

在哪里：

我的问题是我不明白为什么这需要在一些特殊的配置对象中发生，例如server，不知道如何在点击时发生这种情况，在任何地方都看不到实际文件。

这可能是我想多了？

我的 React 项目中有一个提交表单，我在其中使用 filepond API，因此用户可以将文件提交到表单

到目前为止，我只是使用从文档中获取的标准 FilePond 组件。

我将整个请求发送到 java 中的后端 REST 服务器，因此我想发送信息类型、数据（base64 编码）和文件扩展名。

我通过在我的请求中创建一个对象数组来做到这一点

在我的 encodeFileHandler 中，我需要一种将数据转换为 base64 的方法，但是我在文件对象上看不到具有原始数据的属性。

有没有办法访问它，或者有人有更好的选择吗？

我的 FilePond 海报预览代码不起作用，请帮我找出我做错了什么。

我尝试了下面看到的代码的不同变体，但没有运气。

-我尝试启用即时上传（没有用）

我正在尝试使用 FilePond 在我的网站上实现拖放功能。我已经下载了 filepond css 和 js 文件并正确附加了它们。每当我尝试完成设置时，我都会不断收到“未捕获的参考错误：未定义 FilePond”。

我正在尝试使用 FilePond 来允许用户上传拖放图像。我已经设置了 FilePond 拖放，并且正在尝试实现图像预览功能。我已经附加了 css 和 js 并将其包含在我的 html 中。图像预览仍然无法正常工作。

我将 FilePond（通过 React）配置为上传多个文件，在后端接收这些文件，存储它们，并在重新访问页面时正确显示它们。

使用 Python 后端，这适用于上传：

现在我想实现 DELETE，所以我添加allowRemove={true}到 FilePond 实例和配置中revert: /path。server我期望发生的是，当用户单击 X 时，FilePond 会发送 DELETE 请求。但是什么也没有发生 - 用户单击 X 根本不会向注册的端点发送任何请求。我确实发现我可以添加：

onremovefile={(file) => handleRemove(file)}

如果我创建一个handleRemove()React 函数，它会被file对象调用。但这似乎很棘手 - 单击 X 不应该自动联系已注册的端点吗？

我应该继续从我的handleRemove()函数中手动发送 DELETE，还是我的配置中缺少某些内容？文档暗示revert在服务器对象上定义“恢复”操作时会触发 DELETE。

我正在使用 FilePond.js 允许用户在网站上拖放图像。我正在尝试设置 FilePond 来检索用户照片输入。显然，我的意思是将照片上传到的媒体链接。像这样：

但我似乎无法让 FilePond将图像上传到 Django 媒体网址。

如何将 FilePond 指向要存储我的照片的 url？

我知道如何从用户输入中收集图像的唯一方法是使用获取请求。我也可以使用获取请求来检索用户提交的FilePond 图像并将它们上传到数据库吗？

PS 我试图指向 FilePond 将其上传到我的开发服务器上的媒体 url。这是http://www.example.local:8000/media

我想使用 filepond 使我的输入表单更漂亮，但它用一系列没有 name 属性的元素替换了我的文件小部件，因此后端没有显示任何内容。

这是我的 Symfony 表单类：

这是我在 twig 中创建文件小部件时的样子：

这是我使用的文件池库，包含在我的 twig 文件的底部：

因此，当 twig 文件加载时，filepond 接管并将我的小部件转换为一系列具有各种属性的元素。

没关系，我知道 filepond 这样做是为了修饰您的表单。但问题是在后端，什么都没有出现。

要添加的另一件事-filepond 创建的所有元素都没有“名称”属性，我不明白为什么。

因此，当我查看后端的文件 suplerglobal 时，我的 idFile 不存在。

再次确认，当我取出 filepond 类时，我的 idFile 显示在后端的文件 suplerglobal 中就好了。

这是树枝生成的输入元素：

如果我做一个检查元素，在文件池生成的 div 中有一个< input type="hidden" name="user_profile[idFile]" value="">

这是后端的控制器代码：

如果我这样做，dump($idFile);那么它只会显示 null，并且我已经检查并确保我选择了要上传的文件。

如何使用 filepond 库并让我的文件输入小部件显示在后端？

我正在使用带有 VueJS 的 filepond 来上传图像。如果需要，我应该在上传时裁剪图像。

我在全球范围内注册了 filepond 插件。

然后我正在使用组件

这是我的process方法

但是使用此代码图像裁剪不起作用。在文档中只有allowImageCrop，但它对我不起作用。这是文档的链接： https ://pqina.nl/filepond/docs/patterns/plugins/image-crop/

在FilePond 中，我们应该使用属性来本地化文本。例如labelMaxFileSize="Maximum file size is {filesize}". 在项目中，我们使用js-lingui。所以实际的翻译应该是这样的：

问题：FilePond 和 lingui 都使用{}字符来标记变量。这导致了问题。如何修复？