问题标签 [filepond]

我正在使用 jquery filepond 图像上传器插件，它将文件上传变成拖放区。

下面是初始化文件池的脚本

我有一个我打算在不使用 ajax 的情况下提交的表单，它是一个直接的表单提交。

我只是想知道如何获取被拖放的文件的名称，以便我可以将文件名值分配给另一个隐藏的输入，这样我就可以通过表单提交直接提交整个表单。

一旦文件被删除，我已经控制台记录了事件 console.log('file added event', e); .

请帮我获取文件池中的文件名。

FilePond 可以使用 POST 请求类型上传文件，这在 Laravel 中很好。但是，FilePond 在恢复/删除上传的文件时会发送 DELETE 请求。Laravel 不直接支持 DELETE 请求，而是使用带有 DELETE 值的 _method 字段作为 POST 请求发送。

因此，现在我正在发出 POST 删除请求，但似乎无法弄清楚如何在 FilePond 中将数据添加到我的恢复请求中。我的选项如下所示：

Laravel 所需的数据（要在 POST 请求中添加的数据不是在标头中，而是在表单数据中）。

我正在一个有配置设置和预览窗格的页面上工作。我希望filepond在上传图像时提供位图（blob？）图像，以便它可以显示在实时预览创建者窗格div标签中，而不是最初显示的元素（filepond）中，这可能吗？

我正在使用vue-filepond

我正在使用React Filepond将图像上传到使用 Multer 的 node.js 服务器。上传工作正常，但是当我尝试在上传后立即撤消（删除）上传时，我收到 404 错误。

这可能是因为它找不到文件名。在节点方面，我将文件名设置如下：

这给了我：

英雄1564944240035

现在，当我尝试删除它时，我得到了 404。如果我再次尝试创建该名称，时间戳将会不同。获得该确切文件名以使删除工作的最佳方法是什么？

我正在使用React Filepond并且上传部分工作正常。但是，当我转到现有记录并尝试显示图像时，出现 CORS 错误：

从源“ http://localhost:3000 ”访问“ http://localhost:8000/img/myImg.jpg ”的 XMLHttpRequest已被 CORS 策略阻止：不存在“Access-Control-Allow-Origin”标头在请求的资源上。

在我的节点服务器上的 app.js 中，我有以下内容，但使用cors 包仍然出现 cors 错误

在 React 中，我有以下内容：

在 package.json 我还添加了一个代理：

网络选项卡 -> 标题选项卡显示

当我导航到特定页面时，我希望用我已经上传的图像重新填充文件池图像，并且图像名称在数据库中。

目前我有硬编码的图像名称，图像名称在 componentDidMount 中设置的状态下可用，但状态也被设置为文件池，老实说，这让我有点困惑。

所以，这是硬编码的时候：

因此，我需要将 myImage.jpg 更改为 componentDidMount 的状态，即：数据库中的名称。这显然是行不通的。

文件池组件代码：

当用户更新他们的个人资料图片时，我想删除旧的并更新数据库中的图片名称。新上传的图像是使用 react filepond 上传的，并且每当上传新图像时也会被删除。经过调查，我发现请求被发送了两次，所以它在上传后删除了文件。在我删除最后一行代码后，它停止这样做并且工作正常。但为什么？

控制器：

一旦我删除这条线，它就可以正常工作。有任何想法吗？

这是路线：

在反应我有：

如果我有一个已指定 name 属性的输入字段，如下所示：

然后我用下面的 FilePond 增强了上面的文件输入：

当我将图像放入 FilePond 并使用服务器处理上传图像时，文件参数的名称仍然是“profilepic”而不是“filepond”。当文件输入元素已经具有 name 属性时，它会出现，FilePond 不会覆盖它。这是正确的行为吗？当通过服务器处理提交图像时，我想覆盖名称属性。

我将 Angular FilePond ( ngx-filepond ) 与文件大小验证插件一起使用，并希望能够防止用户在文件太大时提交。

选择大文件时插件会显示正确的错误消息，但是在将数据发布到服务器之前，我应该如何最好地检查 FilePond 组件实例的有效性？

我尝试使用 @ViewChild 注入 FilePond 组件（如此处所述），但注入实例的状态属性始终为undefined，无论文件是否有效，所以我不确定这是否是要走的路。

我发现检索有效性状态的唯一方法是读取onaddfile事​​件的状态属性。似乎只有在出现验证错误时才设置此属性？

检查组件有效性状态的首选方法是什么？

我从https://unpkg.com/filepond@4.4.12/dist/filepond.min.js复制所有代码 并粘贴到在此（StackOverflow）网站上打开的 chrome 控制台中（例如）。我在控制台中看到 FilePond 对象已创建。我有访问权限。

但是如果我在我的网站上做同样的事情 - filePond is not defined 我不知道我网站上的什么脚本会破坏 FilePond 初始化。