问题标签 [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 投票
2 回答
560 浏览

javascript - multer/filepond 上传返回未定义

我目前正在尝试将多个文件池组件/实例集成到我的反应应用程序中,其中图像上传到按钮/表单提交。

我或多或少地使用下面的代码,但是当我在 routes.js 文件中注销结果时,我得到了一个未定义的结果,即使当我在 upload.js 中注销提交状态时,我确实得到了结果.

我试过只注销req.files,它返回未定义,我在下面使用的方法直接来自multers文档,这会注销-TypeError :无法读取未定义的属性'0'

谢谢

上传.js

路由.js

控制台日志的图像

控制台日志upload.js

0 投票
1 回答
613 浏览

javascript - filepond-plugin-image-size-metadata 配置

我希望你一切都好,只是想知道是否有人成功设置了 filepond 图像大小元数据插件。

https://github.com/yoldar/filepond-plugin-image-size-metadata

文档有些欠缺,目前我已将 allowImageSizeMetadata 设置为 FilePond 组件的参数:

我已在文件顶部导入,如下所示:

但是当我在控制台中注销输出时,我没有看到任何额外的东西,我认为我应该像宽度和高度元数据一样。

谁能看到我可能遗漏的东西?

谢谢

0 投票
2 回答
1230 浏览

javascript - 使用带有 react 的 filepond 并希望验证或阻止同名上传

对于文件多重上传,<FilePond>我想确保没有重复的文件名,比如如果有两个文件具有相同的名称,那么它应该像 file.pdf 而另一个文件应该得到 file(1).pdf 等等。我怎样才能做到这一点?

0 投票
0 回答
1853 浏览

php - 如何使用 filepond 发送文件?

我正在使用 filepond ( https://pqina.nl/filepond/ ),并且能够像这样配置服务器:

但是当我在客户端上传文件时(文件池是绿色的,表明它已被接受),我在我的服务器上找不到它。此外,我希望将该文件附加到我发送给客户的邮件中。我正在使用一个简单的 php 邮件发送脚本,并使用通常的 POST 方法从表单字段中获取用户信息:$_POST['firstname']$_POST['lastname']

我怎样才能将上传的文件作为邮件的附件?

提前谢谢你们!

总结一下:我想一起使用 phpMailer 和 filepond 将文件(jpg、png、pdf)作为电子邮件附件发送。

我的PHP代码:

我的js代码

我的html:

0 投票
2 回答
1113 浏览

php - 如何使用 phpMailer 发送上传的文件(通过文件池)?

我正在使用 filepond ( https://pqina.nl/filepond/ ) 在我的服务器上上传文件。我能够使用 php 样板(https://github.com/pqina/filepond-server-php)并且能够使用 filepond 上传我的文件,但想知道如何使用 phpMailer 发送它?如何将此代码(Rik 的 send.php)与 phpMailer 结合起来?

正如我注意到下面的代码将文件放在服务器上。顺便说一句,我不需要存储它,我只想在临时文件夹中找到它并发送它。删除后可以...

0 投票
0 回答
112 浏览

reactjs - React:从文件池中提取文件并将其放入嵌入中

我正在使用带有文件池的钩子,但我似乎无法从文件池中提取文件。我的代码如下所示。我知道我的代码不正确,因为嵌入实际上并没有给出文件的位置,但我不知道如何解决这个问题。

我知道我可以使用带有图像预览的文件池插件(FilePondPluginImagePreview),但它不是可移植的(只能放在文件池中),所以我选择不使用它。

编辑:

console.log(files[0]) 给了我 这个。这与tmp[0]相同。

0 投票
1 回答
1271 浏览

javascript - 使用 filepond 参数手动触发 filepond 中的服务器方法

我想fetch在 filepond-react 组件中手动触发该方法。为了简化,我削减了其他道具。

服务器方法

行为和触发

因此,当我分别单击上传和还原图标时,会触发上传和删除。我想fetch()手动触发,为此我打电话this.fileRef.current.props.server.fetch()

为什么不能访问该函数的参数?(加载、错误等)
我在下面添加了 filepond 对象this.fileRef.current以供参考。

0 投票
1 回答
366 浏览

javascript - FilePond Vue 的图像叠加插件

我想要图像上的评论按钮,但我没有找到属性。

我设置了imagePreviewMarkupShow = true但没有用。

打包在这里

我的模板

我的脚本

如何添加该按钮?

0 投票
1 回答
506 浏览

filepond - Filepond 上传状态在文件上传前显示“上传完成”

由于 S3 上传功能异步上传文件,filepond 方法将文件状态显示为“上传完成”,直到文件完全上传。有没有办法创建一个依赖项,在文件完全上传到 S3 之前不做任何事情?

显示它的日志显示上传完成,但 S3 日志显示它仍在上传

0 投票
1 回答
742 浏览

php - 在提交时从编码数据中裁剪图像 - ( File Pond - FilePondPluginFileEncode - imageEditEditor- Doka - Crop - PHP )

使用“FilePondPluginFileEncode”时使用从隐藏字段传递的数据裁剪图像时,是否有任何适当的 PHP 代码可供使用?(我使用 Doka 作为图像编辑器)https://pqina.nl/doka/?ref=filepond

当我选择图像然后编辑裁剪时,以下选项将作为隐藏字段中文件池的编码元数据传递。+ base64 图像字符串 ( https://pqina.nl/filepond/docs/patterns/plugins/file-encode/ )

在此处输入图像描述

提交时:这是我写的作物。它进行了裁剪,但是当我们从 file-pond doka 图像编辑器中选择时,它并没有完全裁剪

我们这样做是正确的还是我们有任何选项可以使用裁剪的图像数据更新 base64 字符串,所以我们不必在服务器端进行裁剪?

任何帮助,将不胜感激。