问题标签 [uppy]

我正在尝试从官方网站https://uppy.io/docs/react/运行 Uppy React 示例。我是 React 新手，我安装了

npm install @uppy/react

但它显示了下一个错误：

我有一个 Asp.net core 3.1 api 和 react typescript 应用程序。

当上传大文件时，我得到异常这个错误

“请求内容意外结束。”

React 组件是 Uppy.io，上传方法是 XHR

我使用 nginx 来接收请求

我尝试了以下解决方案

1. nginx大文件设置client_max_body_size 2000M；
2. Asp.net Core 文件设置 options.Limits.MaxRequestBodySize = long.MaxValue;

但不工作

我尝试使用 20mb 文件来减慢浏览器的速度以确定问题所在。这是工作。在我看来，问题是上传时间不长。

我在 110 mb 文件上进行了测试

Uppy.io 组件进度为 100，然后等待 30 秒并抛出异常

我正在使用Uppy文件上传器来上传文件。现在我有一个以 AJAX 形式发送数据的表单，服务器将表单数据存储在 DB 中。除了表单，我想将 Uppy 文件附加到表单中上传的记录中。因此，一旦记录和文件上传，我希望从服务器返回成功消息，

如何触发文件上传和表单提交？

//下面是AJAX请求

//下面是Uppy上传功能

我正在使用 Uppy 将文件上传到 s3 存储桶。默认情况下，上传作为 json 编码字符串添加到名为uppyResult.

但我想删除一个文件。Uppy 对此操作具有默认行为，带有file-removed 事件和removeFile(fileID) 方法，但两者都仅从 UI 中删除文件。我也希望从uppyResultDOM 元素中删除数据，这样被拒绝的文件就不会与表单数据一起提交。

我对两者的预期行为是否有误，removeFile我file-removed是否需要实施自己的清除方式uppyResult？

我得到了这个 json 字符串，我需要从中解析和删除数据，但我不确定如何去做。假设我有以下 json：

我用 得到元素，document.getElementsByName("uppyResult")[0].value;然后用const obj = JSON.parse(json).

然后如何仅删除索引 whereid: uppy-maxresdefault/jpg-1e-image/jpeg-81700-1626406845772并将其作为字符串重新插入到 DOM 中？

编辑：以前的版本有"而不是"里面value

如何在 React 中使用 Uppy DropTarget 插件？

我正在尝试做一些类似的事情。但不起作用。

在此处输入图像描述

我对有关 NodeLists 的一些预期行为有点困惑，并希望有人能指出我正确的方向。

所以我有一个隐藏的输入元素，它的value属性包含一个带有一堆 s3 上传数据的 json 字符串。它看起来像这样：

当我登录document.getElementsByName("uppyResult")到控制台时，它显示为 NodeList。这显然有点像数组，但不是？我需要在此 NodeList 中访问的数据需要单击并滚动才能到达 - 我只需展开input并滚动到defaultValue.

我需要的是访问successful此 NodeList 中的每个对象。可以有一个或多个。请注意，这个有两个。

我最后一次尝试做同样的事情失败了，因为我误解了我想要做的事情。尽管所选答案确实解决了我所说的问题，但我需要的是对初始[0]项目执行相同的操作。每一批上传的文件都占用这个数组的一个索引，我需要把它们全部获取。

该答案的旧代码是：

我正在尝试将类型分配给文件的元数据。我从菜单中获取类型并分配给useState. 但内部函数uppy.on类型始终是'General'.

我试图向元数据添加类型的函数

我正在尝试将 Uppy 集成到我的反应应用程序中。根据文档，我只需要在 Tus 对象中定义端点，这将发送我的文件指定的端点。我尝试了相同的方法，但不知道如何在服务器上接收上传的文件以及通过哪个名称（名称属性）获得它。

这是我的代码

我能够选择文件并发送请求，但不能在服务器上接收文件。

我正在使用 Uppy Dashboard，每当状态更改时，uppy 都会重置其状态并且不显示上传的图像。如何在我的 uppy 中添加/显示图像？如何在 uppy.io 库中预填充/预加载图像？

任何帮助将不胜感激。谢谢下面是我的代码：