问题标签 [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 回答
1068 浏览

reactjs - 如何将 FilePond 与 react-final-form 一起使用?

我正在尝试让 FilePond 与react-final-form. 我不确定如何将FilePond组件包装在react-final-formField 组件适配器中。

例如,因为react-phone-number-input我是这样做的:

对于 FilePond,我试过这个:

我从中学到的例子:

我希望能够获取父 react-final-form 表单的文件名(filepond 组件是许多其他字段之一)。如,我希望它捕获状态。除此之外,我不确定如何将两者结合起来。

0 投票
1 回答
237 浏览

javascript - 这是使用 React-Filepond 的内存泄漏吗?

在生产中,FilePond 实例在自定义模式中初始化时似乎破坏了我的整个页面。出现标准灰色框,但不显示其中的文本。这在本地工作得很好,但是在将其投入生产之后,每当我尝试使用它时,浏览器上的选项卡最终都会冻结,我必须关闭它。我认为这可能是内存泄漏。

版本: React:16.5.2 multer:1.4.1 multer-s3:2.9.0 开发节点:10.15.3 生产节点:8.11.4(节点版本的巨大差异会导致此问题吗?)

我的服务器正在运行 node 并使用 multer 包作为文件上传的中间件来表达。我在成功时返回状态 200 以及文件密钥/路径供我在前端参考。

我曾尝试通过浏览器控制台记录快照,但并没有取得太大的成功。不幸的是,我无法在本地破解它,但对生产环境没有很多可访问性,因此很难在不发生任何错误的情况下缩小范围。我相信这是某种内存泄漏,因为控制台或哨兵没有报告任何错误,但它似乎很快使浏览器选项卡的响应速度越来越慢。关于如何更好地查明和诊断此错误的任何想法都将有助于加载。

在我的 getDerivedStateFromProps 和 componentDidMount 函数之后,我有了我的 handleInit 函数:

0 投票
0 回答
21 浏览

node.js - How to populate a cookie's array through asynchronous requests?

I'm using cookies to set values in an array.

Then like so:

Unfortunately, I'm sending my requests asynchronously, so whichever request goes back to the server the quickest ends up being overwritten by the later ones. How do I keep them synchronized?

I can't change the request method as I'm using FilePond. Is there any other way to prevent this?

FilePond is basically sending a file one by one, and I am saving the name of the file on the server in an array.

FilPond.File1 + Cookie ===> Server [save filename in cookie] ======> Cookie Saved in Client

FilPond.File2 + Cookie =====> Server [save filename in cookie] ===> Cookie Saved in Client

In the end the cookie should have two values in the array, but it only has one, because the cookie wasn't received by the client before the next request was sent.

0 投票
2 回答
124 浏览

reactjs - 如何在 React 中访问 JSX 组件方法?

我正在使用带有 react-final-form 的 FilePond。我不知道如何访问 FilePond 适配器的方法。FilePond 有一个我试图访问的getFiles方法。

我每次都收到以下信息:

TypeError:无法读取未定义的属性“getFiles”

0 投票
0 回答
654 浏览

upload - 使用 filepond 上传文件夹

我正在尝试添加使用 filepond 上传文件夹的功能,但是没有这样的文档,那么如何使用 filepond 上传文件夹?

0 投票
0 回答
30 浏览

filepond - 在文件池中设置错误顺序首选项

有没有办法在文件池中设置错误排序首选项?我遇到了一个问题,即抛出的错误不是我想要抛出错误的顺序。

我正在使用具有以下两个选项的文件池:

当我尝试拖动超过 10MB 的 mp4 文件时,我收到一个文件大小错误。在这种情况下,我想先收到一个无效的文件类型错误。是否有可能让文件池偏好一个错误而不是另一个错误,或者总是设置排序?

0 投票
1 回答
588 浏览

javascript - 如何使用 Filepond 制作缩略图以及正常大小的上传

我已经设法让 Filepond 上传文件,将它们放在正确的文件夹中,并将必要的详细信息添加到 mysql 数据库中。但是,由于原始图像的分辨率非常高,我需要制作缩略图。应该放在称为“缩略图”的子文件夹中的较小版本的图像。

我使用的是 PHP 样板,一些文档没有涵盖那里使用的方法。例如,我只是为了测试而尝试这样做:

这给了我这个错误:

显然,我可以为缩略图制作第二个 Filepond-upload,但我怀疑应该有一种方法可以自动执行此操作。如何使变体起作用,以及如何使它们在不同的文件夹和相同的文件名中,而不是给它们一个前缀?

0 投票
1 回答
404 浏览

javascript - 如何使用 php for 循环创建 FilePond 实例,并使用插件

我想使用 phpfor循环使用 FilePond 创建一些文件输入。

每个实例都需要有自己唯一的 url,并使用启动的插件。尽管插件似乎没有被使用,但我已经完成了实际的文件上传工作。

我可能做错了 - 我应该怎么做?

此外,它正在拾取并使用自定义标签,因此它正在获得一些设置。

0 投票
1 回答
702 浏览

node.js - FilePond 没有在服务器删除文件上提供任何 id

我正在尝试使用 FilePond,上传进展顺利,但我尝试实现“删除”功能以从服务器中删除用户不需要的文件。我遵循了文档(https://pqina.nl/filepond/docs/patterns/api/server/),我的“/upload”函数是用DELETE方法调用的,但没有id!我确认我在客户端正确传递了 ID....

0 投票
1 回答
1027 浏览

node.js - 如何删除文件池上的临时上传文件

我使用 filepond 在 react 上上传文件:

现在来处理我正在使用快递的文件上传

要删除上传的临时文件,filepond 会向上述服务器发送 DELETE req

所以我用

但是我无法从 mongodb 中删除文件,如何在没有任何属性的情况下删除它?