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

php - 使用 tus.io 和 uppy.io 将可恢复文件上传到 aws s3

我正在尝试使用前端 uppy.io 实现 TUS 可恢复文件上传。在我使用 XHR 上传之前,它工作正常。当我使用 tus 在本地机器上上传时,它可以工作,但我需要在 s3 上上传。前端代码。

我正在使用 CodeIgniter 使用上传方法创建 Tus 控制器。和更新的路线

上传方法包含代码:

上传已成功完成,但我得到的是 localhost 上传的 URL 而不是 s3。

在此处输入图像描述

我究竟做错了什么??请帮忙。

参考 :

uppy.io

混帐

0 投票
1 回答
226 浏览

php - 使用 Uppy/Laravel/Vue 上传多部分文件

我正在使用Uppy 的 Vue 组件来处理上传大文件,但我无法让它工作。

我遵循了 Janko 的建议,其中包括在 Uppy 中设置同伴Url 以指向我的服务器,然后编写必要的路由/函数来处理请求。

在我尝试触发 AWS“completeMultipartUpload”调用之前,一切正常。

我收到以下错误:

我认为问题在于我已经尝试将这里找到的 JS 翻译成 PHP,但是虽然它返回了一个 URL,但它是不正确的。显着的区别是我没有传递“UploadId”或“PartNumber”。

我搜索了 AWS 文档、Google、Stackoverflow、Ask Jeeves 等,但找不到与“getSignedUrl”方法等效的 PHP

任何帮助将不胜感激!

0 投票
2 回答
996 浏览

laravel - 使用 Laravel/Vue 配置 Uppy 以使用分段上传

我想到了

这是缺失的部分。一旦我清理了我的代码,我会发布一个答案,这样希望下一个必须处理这个问题的可怜的灵魂不必经历我经历过的同样的地狱;)


我试图弄清楚如何配置我的服务器以使用 Uppy 使用 CompanionUrl 选项将分段上传上传到 AWS S3。https://uppy.io/docs/aws-s3-multipart/#createMultipartUpload-file

这就是我想走这条路的地方https://github.com/transloadit/uppy/issues/1189#issuecomment-445521442

我无法弄清楚这一点,我觉得其他人也被卡住了,没有答案,所以我发布了到目前为止我想出的东西,试图让 Uppy 使用 Laravel/Vue 处理分段上传。


对于 Vue 组件,我有这个:


然后对于路由,我已将其添加到我的 web.php 文件中。

基本上发生的事情是我将“companionUrl”设置为“https://mysite.local/”,然后Uppy将在将分段上传文件上传到这些路由时发送五个请求,即“https://mysite.local”。本地/s3/multipart/createMultipartUpload”。


然后我创建了一个控制器来处理请求:



我可以上传一个纯 PHP/服务器端的多部分文件。但是,对于大文件,这不起作用,因为我必须等待上传在我的服务器上完成,然后将其上传到各个部分的 AWS。

我认为正在发生的是 Uppy 正在处理while客户端的循环部分。为此,我必须返回 Uppy 可以使用的预签名 URL,但我当前返回的预签名 URL 不正确。

我注意到的一件事是,当我在纯服务器端启动分段上传时单步执行 while 循环时,在触发completeMultipartUpload方法之前,没有文件上传到我的存储桶。但是,如果我逐步检查通过 Uppy 上传的部分,则这些部分似乎是作为最终文件上传的,并且每个部分只是覆盖了前一部分。然后我留下了文件的一个片段,即 43.5MB 文件的最后 3.5MB。

0 投票
1 回答
118 浏览

vue.js - 如何从 Uppy 的回调事件中访问“this”

我正在使用 Uppy Vue 组件库,并按照docs,我通过将 Uppy 添加为计算属性来初始化它。

我现在正在尝试使用 Uppy 的完整事件来更新我的 Vue 组件的数据,但是没有定义“this”。我不太确定如何从这里访问“这个”。

知道如何去做吗?


更新

发布此内容后,我找到了一个可行的解决方案。我对这个解决方案犹豫不决,因为它似乎太容易了。

如果没有人提供更好的解决方案,我会添加这个作为答案。

0 投票
0 回答
78 浏览

javascript - Vue.js中如何实现后台上传

我正在开发一个使用 Vuejs 构建的仪表板,用于上传大文件视频(5GB-10GB)和一些 CRUD 操作。我被要求添加在上传视频时开始上传视频和浏览仪表板的功能,例如在上传视频时调用另一个 API 服务或插入另一个数据。

我怎样才能做到这一点?

0 投票
0 回答
33 浏览

javascript - 在 Browserify 中不同地使用所需的模块

首先,我将 main.js 文件与 bundle.js 捆绑在一起

我的 main.js:

现在我希望我的 main.js 文件中的这部分对于我网站中的不同页面(例如端点、maxsFileSize等)有所不同:-

我怎么做。请帮忙..!! 我阅读了--standalone但没有如何将它应用于我的问题

0 投票
0 回答
285 浏览

javascript - 在uppy中上传之前获取文件名的问题

我正在尝试在实际上传之前获取上传的文件名。所以我尝试使用onBeforeUpload事件并将其记录到控制台但没有任何返回。

下面是我使用的代码。我做错了什么?

谢谢

0 投票
0 回答
137 浏览

typescript - 将 Uppy 与 TypeScript 和 Vue2 一起使用。意外的令牌“导出”

几个小时以来,我一直试图让 Uppy 在我的 Vue TypeScript 项目中工作。我将 Vue2 与类组件和 Nuxt 一起使用。

我已经尝试通过 getter 提供 Uppy(因为文档是这样说的),

以及一个属性。

我的整个文件看起来像这样

编译后我已经在控制台中收到警告: WARN in ./node_modules/@uppy/vue/lib/dashboard.js "export 'h' (imported as 'Vue') was not found in 'vue'

但是,当我尝试加载页面时,我收到导出是意外令牌的错误 意外的令牌“导出”

不幸的是,我不知道我会做错什么。你们有什么想法吗?

0 投票
0 回答
67 浏览

javascript - Aws multipart 无法暂停(t.forEach 不是函数)Uppy

我正在使用uppy AWS multipart 在 AWS 上上传文件。

当我暂停上传时,我面临以下错误:

[Uppy] [12:47:13] 上传 Screencast.mp4 失败 t.forEach 不是函数
[Uppy] [12:47:13] t.forEach 不是函数

0 投票
0 回答
63 浏览

javascript - Uppy 刷新图像列表

我需要在每次上传后刷新我的文件列表,以便从数据库中(重新)获取文件。

我正在使用此代码,但除非我刷新整页,否则它不会返回新图像。