问题标签 [filepond]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2424 浏览

reactjs - 使用 filepond 文件上传器和另一个输入字段将表单数据提交到后端

我正在尝试提交一个包含文本字段和文件上传器的表单。文件上传器与 react-filepond 集成如下。

我需要做的是,将输入字段中填写的所有数据提交到当前用于持久化其他字段的同一 REST api 端点(文件是可选的)。目前,它通过表单提交事件来促进。

API端点:

所以我需要在我用来将数据持久保存在实体中的同一个 API 端点中上传这个 Filepond 文件。我应该使用 server={} 属性来促进这一点吗?我需要以相同的表单提交功能上传这些文件。

任何指南表示赞赏。

0 投票
1 回答
2387 浏览

reactjs - 上传单个文件时,Filepond 在提交“真实”文件之前先提交一个空文件

我试图了解 Filepond 正在上传到我的服务器方法的内容,但我遇到了一些非常令人困惑的事情。我只使用process服务器方法,并且一次测试一个文件。这是我的 Filepond 定义(这是对打字稿的反应)

files在状态对象上定义为any[]。我们processFiles()通过组件保留的元素 ref 调用手动触发上传。根据页面上其他地方生成的 id 为 FilePondgetProcessUrl构建一个,并为其提供一个 auth 标头以传递。ServerUrl所以基本上server.process看起来像这样:

当通过添加单个文件触发上传时(如果这很重要,通过拖放,我会想到我没有通过浏览测试过),如果我查看state.files数组中有一个项目。但是,Filepond 提交给我的服务器的内容如下所示:

请注意首先发送的名为“filepond”的额外表单数据。

我一直在查看文档,在这种情况下实际的帖子正文应该是什么样子并没有告诉我期待多部分表单数据,所以我不明白我所看到的内容。那额外的表单数据是否应该在那里,我的服务器代码应该忽略它还是什么?

谢谢。

0 投票
1 回答
678 浏览

reactjs - 即使我没有收到错误,React FilePond(功能组件)插件也不起作用?

我已经让 FilePond 作为 Final Form React 的孩子运行。我正在尝试将插件注册到其中,但它似乎不起作用。

我试过了console.log,它似乎没有返回任何东西。我也试图拒绝这个承诺,但没有任何效果。

0 投票
0 回答
310 浏览

php - Symfony 表单数据未与自定义表单图像类型主题一起发送

我正在使用一个名为 FilePond 的插件,以便在使用 VichUploaderBundle 上传图像时获得更好的外观。因此,为了避免捆绑包的默认 form_row 模板,我制作了一个自定义模板:

然后我在页面中渲染模板:

这是控制器中的操作:

文件输入的内容似乎没有在表单提交中发送的问题。我收到名称属性 null 的错误:

以及 $image 变量和 $form-getData() 的转储如下:

虽然标签输入工作正常,但这意味着问题出在文件输入上。

这是 ImageType.php 中的构建器,其余的是默认情况下:

0 投票
1 回答
380 浏览

filepond - 如何将表单字段添加到图像预览?

在 vue-filepond 中,我可以拖动或选择文件,它们处理得很好,但我希望能够将用户输入的数据与每张图像一起提交。例如,他们可能想要标记图像或输入标题等。

我找不到有关如何执行此操作的任何文档?

0 投票
1 回答
296 浏览

vue.js - 带有 stylePanelLayout 的 Vue FilePond 错误

许多 FilePond 属性似乎没有显示效果,但甚至有一些会导致组件无法使用。使用默认示例在 codepen 上进行了尝试。

只要我添加以下行: stylePanelLayout='compact circle'

对于它不再对文件选择做出反应的组件

您可以通过将这一行添加到 FilePond 的演示中来尝试自己: https ://codesandbox.io/s/github/KimGenius/Vue-FilePond-Live-Demo/tree/master/?from-embed

0 投票
1 回答
393 浏览

filepond - 水平而不是垂直显示

我想水平显示多个文件上传,而不是默认垂直。我在文档中没有看到任何提及这一点。

0 投票
3 回答
4251 浏览

javascript - 在 Javascript 中重置 FilePond 输入

我已经实现了在我的页面中上传的 Filepond。当用户选择一个文件时,我将该文件设置在 html 画布上进行编辑。但是,当用户想要上传另一个文件时,filepond 输入会保留最后上传的文件。

在事件FilePond.destroy(inputElement);中的画布上成功设置文件后,我已经尝试过。FilePond:addfile

文件上传并设置为 Canvas 后,文件上传输入应被清除并准备好进行另一次上传。

0 投票
1 回答
138 浏览

reactjs - 如何修复索引 0 处的“put”中的无效参数:使用 React、Firebase 和 Filepond 时预期的 Blob 或文件

我正在尝试在创建 firebase 用户时上传用户头像,在此处创建用户后

我创建了一个句柄上传函数,它在下面返回一个 photoUrl

并且filepond UI实例在UI中声明如下

但我得到了预期的 blob 或文件错误......我该如何解决这个问题?

0 投票
1 回答
282 浏览

rxjs - 文件池支持文件是否包含 geoJson 扩展名。如果是如何申请?

我已经建立了一个文件池,接受的类型是 json 和 csv。如果我希望接受 geojson 文件类型,我该怎么办?

fileUploadOptions = { class: 'static-filepond', multiple: false, labelIdle: this.translation.translate('Drop files here'), acceptedFileTypes: 'text/csv, application/csv, application/vnd.ms-excel, application /json, 文本/制表符分隔值' };

当我上传 geojson 文件时,它显示无效类型。我希望接受 geojson 文件并以 json 格式显示预览