问题标签 [uppy]

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 回答
143 浏览

uppy - uppy.io 用于发送 base64 编码数据而不是指定文件输入

有没有办法使用 uppy.io 发送 base64 编码数据?我已经使用仪表板组件将它用于“软拷贝”文档上传,但似乎无法找到一种可以传递文件字节而不使用输入文件标签来提供要上传的数据的方法。

上下文:我有一个使用 JavaScript 组件访问本地扫描仪硬件的页面。它扫描,显示预览,一切正常。然后用户点击上传按钮将其推送到服务器,扫描组件将扫描输出为 base64 编码数据。我可以使用 XMLHttpRequest 将其发送到服务器,如下所示:

但我真的很想使用 uppy,因为扫描文件可能非常大,而且我得到了可恢复的上传、漂亮的进度条等,而且我已经在后台设置了 tusdotnet 并准备好接收它。

所有的例子都依赖于输入标签,所以我真的不知道要采取什么方法。感谢您的任何指点。

0 投票
0 回答
85 浏览

javascript - 尝试在 React.js 中使用 Uppy 时出错

尝试使用 aws 的预签名 URL,但尝试上传照片时不断收到错误消息:

[Uppy] [15:26:41] 无法上传 buffalo1.jpg AwsS3:从文件 'buffalo1.jpg' 的 'getUploadParameters()' 得到不正确的结果,需要一个对象'{ url, method, fields, headers }' 但是取而代之的是“未定义”。

我已经按照文档的建议进行了所有设置。谁能看一下并告诉我我可能会丢失什么?

});

0 投票
0 回答
25 浏览

javascript - 超级表达式必须为 null 或函数 Uppy Plugin React Js

超级表达式必须为 null 或函数 Uppy 插件:这是我的我的组件代码块检查:

0 投票
0 回答
35 浏览

javascript - Uppy 角度包不提供截屏选项

我正在使用 Angular 包 @uppy/angular 在我的应用程序中创建一个 uppy 组件。我已成功加载 uppy 上传窗口,但同时无法通过此添加截屏选项。

我的组件文件

还有我的模板文件

任何帮助/建议将不胜感激,谢谢

0 投票
2 回答
225 浏览

reactjs - 如何在 React 应用程序中重新渲染 Uppy 实例时保留我已经上传的图像的图像预览

我可以在我的 react 应用 上使用Uppy上传图片:Uppy仪表板提示用户上传

选择并上传图像后,我会看到图像的预览,以及删除、添加更多等选项: 选择并上传图像后

点击“继续”按钮后,reporting(from const [reporting, setReporting] = useState(false);) 的状态设置为 true,我认为这会触发 DOM 的重新渲染,包括UploadManager组件的消失,其中包含上图所示的 Uppy 仪表板。现在,相反,<ReportForm>渲染了一个组件:

在此处输入图像描述

当用户单击组件中的“返回照片” <ReportForm>(见上图)时,它只是将返回状态重置reporting为 false。但是,Uppy 仪表板现在再次显示其默认设置“将文件拖放到此处或浏览文件”(参见第一张图片)。我想查看我刚刚上传的图像的预览。

我对 React 很陌生,但我可以看到 uppyInstance 是在 useEffect 挂钩中创建的,它似乎在reporting状态更改时被调用。我怀疑这就是“重置” uppy 仪表板的原因(请参阅下面与 uppy 相关的组件的代码):

上传管理器.jsx:

以下是 UploadManager 所在的父组件的代码:

我怀疑问题是 useEffect 正在触发 UploadManager 的重新渲染,但是

  1. 我不确定这是否属实
  2. 我正在寻找一种防止上述重新渲染的好策略。我应该以某种方式使用disabled=reporting上传管理器逻辑吗?我应该限制什么触发 useEffect 钩子吗?如果是这样,具体来说,我该怎么做?我可以将reporting触发 useEffect 的事物(例如 )列入黑名单吗?

这是我正在使用的存储库的分支,以便在需要时提供更多参考。事实证明,在 stackblitz 上创建示例并非易事。

非常感谢您的任何建议!

0 投票
0 回答
45 浏览

uppy - 将 @uppy/core 和 @uppy/transloadit 与 authkey 和 secret 一起使用

我正在尝试从我的应用程序创建一个小型上传器,以将单个图像上传到 transloadit。我参考了文档和下面的示例(Transloadit — Uppy

我有一个特定的路径,不需要网络摄像头/Instagram 源模块。('./assets/my_logo_v2.png'),我如何在下面的代码中提供这个路径。不使用 Instagram 或相机模块?

另外,我有一个来自 Transloadit 的 authKey 和 authSecret,而不是 TRANSLOADIT_API_KEY

我找不到提供这两个的地方。

0 投票
0 回答
83 浏览

react-native - Uppy - undefined 不是一个对象(评估 '_$$_REQUIRE(_dependencyMap[21], "nanoid").nanoid'),

我正在使用 @uppy/core 在我的 react native 应用程序中上传一些图像。当我运行它并在上传时它会抛出这个错误

如果我使用 chrome 将它连接到 devtools,这个错误就会消失并且上传工作正常。但这不是解决方案,因为当我导出 APK 时错误仍然存​​在。

0 投票
0 回答
18 浏览

javascript - Uppy - 如何使用选择输入元数据

此处已添加它以使用 select,但我发现的唯一示例是复选框选项。有没有人有一个例子,或者知道如何使用选择选项?我已经尝试过了,这会导致一个很小的选择框 - 我不确定如何添加选择选项。

0 投票
0 回答
62 浏览

ruby-on-rails - 使用活动存储时未定义的方法“tr”

嘿,我正在通过这个视频实现 uppy w/s3 和主动存储,我不确定我做错了什么。

我正在使用刺激,所以这里是控制器

与此相关的 div 是

当我上传东西时,我收到了这个错误:

有些事情:我将直接上传网址设置为:

当我在第 102 行运行调试器时,str 是一个实际的 var,但我不确定为什么它会在没有调试器的情况下抛出。

提前感谢您,如果这是如此基本的事情,我也很抱歉!

0 投票
0 回答
19 浏览

uppy - 在 UPPY 仪表板中拖放/浏览时显示模式,并且仅在用户单击模式上的接受时上传文件

当用户尝试通过浏览或拖放上传文件时,我想显示带有 T&C 的模式。如果用户接受它将上传,否则它不会上传。我已经尝试过,文件添加和 beforeUpload 但机器人没有工作