BLY中文网

1.背景 最近项目需求里有个文件上传功能，而客户需求里的文件基本上是比较大的，基本上得有 1 GiB 以上的大小，而上传大文件尤其是读大文件，可能会造成卡 UI 或者说点不动的问题。而用后台的 Worker 去实现是一个比较不错的解决办法。 2.原理讲解 2.1Shared Worker Shared Worker 的好处是可以从几个浏览上下文中访问，例如几个窗口、iframe 或其他 worker。这样我们可以保证全局的页面上传任务都在我们的控制之下，甚至可以防止重复提交等功能。 2.2组合式函数 组合式函数的好处是在 Vue 3 是可以在任何 *.vue 文件中使用，并且是响应式方法，可以侦听 pinia 内 token 等的变化，传递给 Worker 2.3简单流程设计 3.代码 upload-worker.ts 代码 upload-service.ts 代码 4.用法 以上就是Vue3利用组合式函数和Shared Worker实现后台分片上传的详细内容，更多关于Vue3分片上传的资料请关注脚本之家其它相关文章！