tus-js-client 功能 onProgress 刷新页面后无更新

问题描述

我正在使用 tus-js-client 从我的前端将视频上传到 vimeo。加载没有问题,一切正常,onProgress 函数可以很好地接收加载数据。我正在使用 vue,这些是我用来加载的函数。

async vimeoQueryLink () {
  try {
    const { size } = this.upload.video

    const body = {
      name: Number(new Date()).toLocaleString(),upload: {
        approach: 'tus',size
      }
    }

    const response = await fetch('https://api.vimeo.com/me/videos',{
      method: 'POST',mode: 'cors',cache: 'no-cache',credentials: 'same-origin',headers: {
        Authorization: 'bearer TOKEN','Content-Type': 'application/json',Accept: 'application/vnd.vimeo.*+json;version=3.4'
      },redirect: 'follow',referrerPolicy: 'no-referrer',body: JSON.stringify(body)
    })

    return response.json()
  } catch (error) {
    console.log(error)
  }
}
    
async vimeoUploadVideo () {
  const { upload } = await this.vimeoQueryLink()

  const tusUpload = new tus.Upload(this.upload.video,{
    uploadUrl: upload.upload_link,onError (error) {
      console.log('vimeoUploadVideo: error =>' + error)
    },onProgress (bytesUploaded,bytesTotal) {
      /**
      *   After refreshing the page,it only shows when it starts and when it loads 100%
      **/
      
      const percentage = (bytesUploaded / bytesTotal * 100).toFixed(2)
      console.log(bytesUploaded,bytesTotal,percentage + '%')
    },onSuccess () { 
      console.log('Download %s from %s',tusUpload.file.name,tusUpload.url)
      console.log('vimeoUploadVideo: finish')
    }
  })

  tusUpload.start()
}

更新页面时出现问题,由于某种原因,onProgress 函数只显示 0% 和 100% 加载,在视频上传过程中不显示进度。

视频 100% 上传到 vimeo,我只是不知道上传时的负载百分比。为了让它再次工作,我必须清除所有手动缓存或使用 ctrl + f5

刷新

检查它是否在本地存储或 cookie 中保存了某些内容,但我没有看到任何可能链接或导致问题的内容。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...