问题标签 [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 回答
503 浏览

reactjs - 我的 Uppy 突然给我错误 this.uppy.addFiles is not a function

我是新手,我收到此错误,无法弄清楚为什么请建议:看起来错误在 Uppy 内部。

我按照Uppy Tutorial docs之类.use(Dashboard, {...的方法进行操作,但突然出现此错误,我尝试回溯但没有运气

我从我的设备中添加文件,然后发生错误,没有断点被击中我丢失的任何地方

在此处输入图像描述

在此处输入图像描述 这是我的简单Uppy:

我像这样使用它没什么特别的:

这是 package.json

0 投票
1 回答
41 浏览

reactjs - Uppy showSelectedFiles 不隐藏文件

我有这个超级简单的 ReactJs Codesandbox有人可以解释它是如何showSelectedFiles: false 工作的。我阅读了用户选择文件后所选文件被隐藏但它们不在我的沙箱中的文档。

我做错了什么?

0 投票
1 回答
805 浏览

reactjs - 如何在我的 Uppy 自定义设置中获取 Blob 图像预览

我学习了 React,现在我使用Uppy,所以用户可以选择要上传的文件。

当用户选择他的文件时,文件通过设置隐藏showSelectedFiles={false}

我使用自己的组件来显示选定的文件,并使用以下方式获取文件:

对于添加到的每个文件DashboardsetFile(file);都将文件对象发送到我的自定义视图。问题是由 自动创建的预览图像 BlobDashboard在此阶段不存在。

在此处输入图像描述

如何将文件获取到我的自定义 GUI 以显示它们,包括图像预览 Blob?

我是 React 和 JavaScript 的新手,所以请保持温和:)

完整代码:

0 投票
1 回答
32 浏览

javascript - 为什么在这个背景下重复布局图像

我有这个Codesandbox

我不明白为什么这里的图像看起来像这样:反复显示请指教。这仅在图像比例为 1:5 时发生

在此处输入图像描述

这段代码在 AnimatedList.jsx 中是这样的:

还有styles.scss

0 投票
0 回答
142 浏览

upload - 如何使用 Uppy 或 Uppload 库从 React 将文件上传到 Google Drive

我是 JavaScript React 的初学者,正在学习文件传输处理。我的问题是在阅读了有关UppyUppload的信息后,它们都简化了文件的上传,但它们都不能上传到 Google Drive。

我试图了解这种限制是如何工作的以及可能的解决方案。我读到一些关于 Google Drive 无法直接接收 XHR Upload 的内容,这就是这个库不能与 Google Drive 一起使用的原因吗?

是否可以使用UppyUppload让用户选择文件,但是我可以创建自己的 Google Drive Uploader 并且因此不使用 Uppy 和 Uppload 内部上传器?

0 投票
2 回答
1084 浏览

amazon-web-services - Uppy - 你如何通过多部分上传到 s3?使用伴侣?

https://uppy.io/docs/aws-s3-multipart/

Uppy 多部分插件听起来正是我所需要的,但我看不出如何做后端部分的事情。我得到的印象是我需要设置一个同伴来将上传路由到 S3,但找不到任何关于为此设置同伴的详细信息。

我可以看到很多关于使用 Companion 获取外部内容的参考资料,但在分段 S3 上传中没有。

我在 Uppy 内部看不到任何地方提供 AWS 凭证,这让我更加想 Companion。

但是有 4 个步骤可以完成分段上传,我看不出提供一个伴随 url 将如何帮助 Uppy。

在此先感谢任何可以帮助或帮助我朝正确方向前进的人。

0 投票
0 回答
230 浏览

ruby-on-rails - 在 Rails 中将字符串转换为 ActionDispatch::Http::UploadedFile 对象

在控制台中以 Rails 方式上传文件如下所示:

但是我没有那样做。一个名为 Uppy 的 js 库处理文件选择和上传,并将 JSON 插入隐藏的表单字段。提交此表单时,它不会自动转换为ActionDispatch::Http::UploadedFile对象。我不完全确定为什么,所以我在控制器中处理它:

控制台输出如下所示:

该输出很好(我认为),但文件在上传之前没有正确加密。当我查看它们时,我得到了空白的白色方块,并且密码箱需要一个ActionDispatch::Http::UploadedFile对象。我的uploaded_file定义是否遗漏了什么?如何访问uploaded_file属性,例如headers确保其正确提交?

0 投票
0 回答
85 浏览

node.js - 在 Node/Express 中上传视频

在 Node/Express 中处理视频上传、存储在 AWS S3 Bucket 中的最佳方式?

最好使用一些对初学者友好的文档。

看着 Uppy,但世界无法弄清楚它是如何在服务器端工作的。

0 投票
0 回答
19 浏览

ruby-on-rails - 如何在Rails中将通过ajax回调提交的参数列入白名单?

我正在使用 ajax 将数据提交到没有表单的后端,并且一直遇到将参数列入白名单的问题。

我的观点是这样的:

这会触发一个 application.js 文件:

调用fileUpload.js:

路线如下所示:

控制器是这样的:

参数提交如下:

然而我总是得到这个:Unpermitted parameter: :image。为什么白名单不起作用?

0 投票
0 回答
123 浏览

uppy - Keenthemes Uppy 文件上传器 CORS 问题

我正在尝试让我的 Uppy 文件上传器与 Google Drive 连接工作,但我很难设置它。

网址:https ://illusionsoftwares.com/files/crud/file-upload/uppy.html

我正在尝试以这种方式设置标题

我遇到了 CORS 问题。谁能指出我正确的方向吗?