Question

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

所示

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

我搜索了所有地方，但是没有找到任何解决方法

问题：我想为{strong>多个文件

pause和resume fileupload

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

请提前帮助我！！

Answer 1

您可以使用Uppy File Uploader进行可恢复的上传。它包装了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-client-js而非Uppy上传多个文件。为此，您可以看看这篇文章来处理多个上传方案： https://github.com/tus/tus-js-client/issues/115

该帖子是关于第一个文件成功完成后启动另一个文件上传的。

编辑

根据tus-js-client库的documentation，您需要调用abort来暂停，并调用文件上传对象的start方法来暂停/恢复上传：< / p>

如果用户/应用程序希望使用Upload＃abort暂停上传，则可以选择暂停。这将导致当前正在运行的传输立即停止。



（可选）再次调用Upload＃start，以恢复先前暂停的上传。这将在以下时间点恢复上传：   它之前已经停止了。您也可以使用这种方法继续   错误发生后上传。

要详细了解幕后情况，请访问此link。

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

1 个答案: