javascript 如何使用tus-client恢复和上传文件上传

zvms9eto  于 2023-03-21  发布在  Java
关注(0)|答案(1)|浏览(382)

我想pauseresume文件上传如本例所示https://tus.io/demo.html
我正在使用此https://github.com/tus/tus-js-client插件
我到处找,但没有找到任何解决办法

**问题:**我要pauseresumefileupload多个文件
这里是我的完整代码:https://codepen.io/eabangalore/pen/dwXEMM?editors=1010

请帮助我提前感谢!!

wj8zmpe1

wj8zmpe11#

Uppy

您可以使用UppyFileUploader进行可恢复的上传,它 Package 了tus-js-client.js并提供了一个简化的界面。
您可以找到它的文档here和实时示例here
在您的网页上导入Uppy JS和CSS文件后,您需要执行一些类似于以下内容的脚本:

<script type="text/javascript">
  var uppy = new Uppy.Core({ debug: true, autoProceed: false });
  uppy.use(Uppy.Dashboard, {
    trigger: '.UppyModalOpenerBtn',
    inline: true,
    target: '.DashboardContainer'
});
  uppy.use(Uppy.Tus10, { endpoint: 'http://localhost:1080/files/' });
  uppy.run();
</script>

一些HTML:

<div class="DashboardContainer"></div>

希望这会有帮助。如果没有,请随时进一步讨论这个问题。

TUS协议(编辑)

正如评论中所讨论的,你想使用tus-client-js而不是Uppy上传多个文件。为此,你可以看看这篇文章来处理多个上传场景:https://github.com/tus/tus-js-client/issues/115
这篇文章是关于在第一次成功完成后启动另一个文件上传的。

编辑

根据tus-js-client库的文档,你需要调用abort来暂停,调用你的文件上传对象的start方法来暂停/恢复上传:
1.如果用户/应用程序希望使用Upload#abort暂停上传,则可以选择暂停上传。这将导致任何当前正在运行的传输立即停止。
1.通过调用Upload#start再次恢复先前暂停的上载。这将在之前停止的点恢复上载。您也可以使用此方法在发生错误后继续上载。
要了解更多关于引擎盖下发生的事情,请访问此链接。

相关问题