问题标签 [resumablejs]

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

nginx - 可恢复的js正在触发fileSuccess,而块没有在服务器中组装

我正在尝试使用带有 pion/laravel-chunk-upload 的 resumable.js 将 400MB 以上的文件上传到服务器。它允许我上传较小的文件,没有任何错误,但是当我尝试上传 400MB 的文件时,它就失败了。

服务器端代码:

saveFile 方法将保存文件并返回一个数组,我在 vue.js 中使用该数组来显示该文件已上传。

服务器配置:

PHP 7.3.15-3+ubuntu18.04.1,nginx

JS端代码:

我做的调试:

我已经检查并且块将进入服务器端并被存储,但是当服务器接收到最后一个块时,isFinished() 方法没有被调用,因此我的 vue.js 中出现错误。

在 resumable.js 的 fileSuccess 事件中,我正在调用一个函数 fileSuccess(file, message) ,在此我试图从服务器读取 saveFile() 方法返回的属性。最后一个块上传到服务器后,我得到返回为“{“done”:97}”,但我应该从服务器获得 saveFile 方法的返回。

我在这里想念什么?

0 投票
1 回答
202 浏览

node.js - 尝试使用 tus 上传到 vimeo 时出现“内容长度 0 太小”

我正在尝试使用他们的可恢复上传协议将视频文件上传到 vimeo,但最终得到

Failed because: Error: tus: unexpected response while creating upload, originated from request (method: POST, url: https://1515143405.cloud.vimeo.com/upload?ticket_id=42606237…62378%26signature%3D19062b29129850403638ca88040debe1e21cc646, response code: 400, response text: Content length 0 too small

每当我启动上传时都会出现此错误。

这是上传功能的代码。我还尝试在 tus 配置中将 Content-Length 设置为自定义标头,但它声称这是一个禁止的标头并且不允许我修改它

在此处输入图像描述

任何关于此事的想法或建议将不胜感激。

0 投票
1 回答
276 浏览

javascript - 带有 Resumable.js 的 Laravel 无法上传大文件并且服务器响应缓慢

从头开始:

我使用 XAMPP 作为测试项目的服务器堆栈,类似于谷歌驱动器。我想要实现的是用户可以上传任何大小和类型的文件。我正在使用它 Resumable.js,它将文件分成块(1024KB)并将其发送到服务器(Apache)。我认为这将排除php.ini文件 ( upload_max_filesize, post_max_size) 中的更改?

为了测试,我使用了 9.6GB Linux 映像。有两个问题:

  1. 文件上传 4.5 小时(TTFB 每分钟从 300 毫秒增加到 10 秒,接近上传结束)。什么修复是可能的?
  2. 虽然上传“完成”它发送Error 500并且它不会将文件合并在一起。是否可以更改 Apache 配置中的某些内容?可能是响应错误?

当我测试小于〜1GB的它可以工作。那是压力测试。XAMPP 是空白安装,任何配置文件都没有改变。

JS函数处理上传:

Controller中的上传功能:

0 投票
0 回答
165 浏览

javascript - 如何在javascript和laravel中实现可恢复的大文件上传

我正在尝试使用 resumable.js 和 laravel-chunk-upload 实现大文件上传。一切正常,即我能够正确上传大文件,但问题是,如果上传时网络连接发生任何问题,则上传无法正常完成。一大块得到错误。错误是:

没有权限问题,因为在没有网络问题的情况下,同样的功能可以正常工作。

当前的javascript代码:

Laravel 服务端代码:

我是这方面的初学者,所以在寻找解决方案方面不太好。尽我所能,但找不到任何解决方案。如果您能提供帮助,那就太好了。

谢谢..

0 投票
0 回答
29 浏览

android - Android Webview 允许从我的网站上传(2021 年)

我有一个这样定义的 webview:

我的目标是用户转到一个页面并使用 ResumableJS 提供的上传按钮,该按钮遵循使用我的 Android 应用程序的上传程序的标准实现。

至此,浏览正常,Cookies 和 XHR 请求也正常工作,但上传功能不起作用,代码如上。

通过浏览网页,有很多这样的例子:

上面的代码有点工作,因为应用程序打开相机拍照,但我不希望它这样做。我想从我的手机中选择一个文件,然后从中上传。

此外,带有“setWebChromeClient(new WebChromeClient() {”的应用程序的行为也很奇怪,因为它似乎正在打开一个新窗口(Chrome 浏览器)并访问我的网站,而我的另一个窗口(应用程序窗口)变为空白,因此强制我的用户再次登录。

如何更改我的代码以允许使用 Resumablejs 甚至标准输入文件上传文件?

API Level 26 及以上,但愿意使用其他级别。

到目前为止我研究过的内容:

  1. 上传按钮(带有 ResumableJS )不会触发文件浏览操作,甚至 html 文件输入也不会调用文件浏览操作。

  2. ResumableJS 上的以下问题表明通过 XHR 发布文件内容存在一些问题。

  3. 我发现这个示例几乎可以满足我的需要,但它会在使用 WebChromeClient 时打开一个 Chrome 窗口。

清单中的权限是什么:

有我可以尝试的样板代码吗?我只需要加载一个网站并允许从 sdcard 上传。