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

Question

我想上传pause和resume文件，如本例https://tus.io/demo.html所示

我正在使用这个https://github.com/tus/tus-js-client 插件

我到处寻找，但没有找到任何解决办法。

问题：I to pause和resume fileupload for multiple文件

这里是我的完整代码： https://codepen.io/eabangalore/pen/dwXEMM?editors=1010

请提前帮我谢谢！

Answer 1

您可以使用Uploader进行可恢复上载。它封装了tus-js-client.js，并提供了一个简化的接口。

您可以找到它的文档这里和实例化这里。

在您的网页上导入Uppy和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-client-js而不是Uppy上传多个文件。为此，您可以查看这篇文章以处理多个上传场景：https://github.com/tus/tus-js-client/issues/115

这篇文章是关于在第一个文件上传成功完成后启动另一个文件上传。

编辑

根据文档 of tus-js-client库，您需要调用文件上传对象的abort暂停和start方法来暂停/恢复上传：

1. 如果用户/应用程序希望使用Upload#abort这样做，则可以选择暂停上传。这将导致任何当前正在运行的传输立即停止。
2. 可以选择再次恢复以前暂停的上传，名为Upload#start。这将在以前停止的时候恢复上传。您还可以使用此方法在发生错误后继续上载。

要了解更多关于引擎盖下正在发生的事情，请访问此链接。