问题标签 [filepond]

我正在尝试使用 FilePond 为 React 发送一个文件，使用我的 expressjs 并使用 multer 和 multer-s3 上传到 s3。我已经看到教程指定动态命名文件的最佳方法是在键上声明回调，但如果我不直接设置值，它会简单地忽略 is 并且整个 multer 中间件发送成功消息。

这是我正在做的快递：

常量应用程序 = 快递（）；app.use(bodyParser.urlencoded({extended: true }))

var upload = multer({ storage: multerS3({ s3: s3, bucket: aws_bucket_name, ACL: "public-read", key: (req, file, cb) => { console.log("这永远不会被调用") ; console.log(req.body); console.log(file); cb(null, avatars/${req.params.uid}); } }) });

app.post('/avatar/:uid', upload.single('file'), async (req, res, next) => { console.log("this gets called") res.send("uploaded") });

我正在使用 ES6，并且完全按照文档的建议进行操作。任何想法为什么这可能不起作用？

谢谢！

我正在使用 react-filepond 处理多个文件。我需要在一个请求中将所有文件一起发送到 API，而不是每个文件多个请求：

沙盒链接在这里。

我该如何实施？

我需要使用Filepond将大文件（2GB+）上传到运行 Express 的 NodeJS 服务器。这些文件需要流式传输（因为它们的大小）到两个位置……一个本地文件夹和一个远程文件夹。

我的研究使我找到了使用tus-node-server https://github.com/pqina/filepond/issues/48的解决方案

我已经实现了如下所示的解决方案，但我不知道如何：
1. 在上传时更改文件的名称（它使用 UID，我想使用“元数据”属性中的文件名）
2 . 在上传期间或上传之后在服务器上执行一个函数。

有什么帮助吗？

客户端.js

服务器.js

在尝试此方法之前，我app.post用于接收上传并执行进一步的操作。

我有一个 FilePond 组件，用于在我的 React App 中上传文件，实现如下：

这段代码呈现了一个漂亮的组件，让用户上传他们的文件。

但是我想放大（编辑宽度和高度）这个取自https://pqina.nl/filepond/的组件。不幸的是，我似乎可以找到一种方法来做到这一点，有人可以帮助我吗？

我正在尝试使用 filepond 库上传文件。我正在使用 python 烧瓶作为后端。

这是我试图用来获取文件的代码

这一直给我返回一个空数组。

以下是我的html代码：

我还链接了 JS 和 CSS 的文件池库。

请帮我找出问题所在。

我正在尝试使用 filepond 上传一些图片。上传工作正常。我还想在上传时查看图像的预览。我曾尝试使用该插件，但显然，我没有看到任何变化。

以下是我的脚本

这是我的 JS 文件

我的 HTML 代码

我无法弄清楚是否有任何其他步骤。

我有一个本地托管的 Flask 服务器和一个小型 React 应用程序。我正在尝试使用FilePond作为图像上传的简单解决方案。FilePond 负责将每个图像发送到服务器。

所以我显然遇到的问题是后端代码。根据 Flask 的文档，我已经像这样设置了我的服务器

然而，当放一个

upload_file() 函数开头的语句，似乎这是服务器正在接收的请求：

我不知道如何处理。我不知道“图像”是否应该是“文件”的位置。我只是不确定从这里去哪里或如何处理接收到的数据。我不知道是什么，我从未见过使用 <> 语法。

任何人都可以帮忙吗？

这是整个服务器端代码的 pastebin

谢谢！

我正在使用FilePond将文件上传到 hapi.js 17.9 API。FilePond 允许在用户选择文件后自动上传，并具有用于删除/恢复/撤消上传文件的 UI。根据 FilePond 的文档...

FilePond 通过点击撤消按钮以 12345 作为正文发送 DELETE 请求

其中12345是上传文件时服务器提供的 ID。请注意，这不是 JSON，它是纯文本正文。

我有一个 hapi.js 路由，它设置为处理 DELETE 方法，具有默认验证设置。当 FilePond 发送它的请求时，Hapi 在我的处理程序代码执行之前以 400 错误响应，并在控制台中打印此消息：

hapi 文档强烈暗示默认有效负载验证选项不执行任何有效负载验证，所以我有点惊讶这种情况甚至是一个问题。

我尝试了以下方法：

options.payload= {parse: false}

options.payload= {allow: "text\*"}

options.validate= { payload: async (v, o) => { return v } }

options.validate= { payload: true }

options.validate= { payload: false }

options.validate= undefined

options.validate= null

编辑：根据我团队中的一个人的建议，我也尝试过

options.validate : { payload: (() => { return Joi.string(); })() }

并在根本没有 validate 属性的情况下定义我的路由选项（这在功能上应该等同于显式的 undefined 但谁知道）。

在所有这些情况下，我仍然收到上述验证错误。是否不可能编写一个接受纯非 json 文本的 hapi 路由？

我有一个简单的 Vue-Filepond 模板：

它是一个子组件，所以我推送到@init.

这一切都加载正常，没有错误，但没有预览：

数据在那里：

我需要做什么来确保在加载时预览图像？

我试图做一个简单的上传文件到服务器，好的，他正确地做到了。但是，当我发送大小为 1MB 或更大的文档时，它会返回错误，但该文件仍然出现在服务器上。它成功了。但他在屏幕上说“上传时出错”（红色）我该如何解决？（抱歉英语不好）

我试图把“onload：（响应）=> response.key”但没有发生。

这是我的 upload.js 它可以工作，但是如果文件有 1MB 或更多，则会显示错误并且它很糟糕，因为文档已在服务器上正确发送。

显示“上传时出错”但应该是“上传完成”，因为它上传到服务器没有问题，就像它完成一样。