问题描述
我正在使用 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 (将#修改为@)