首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >未触发uploadProgress rn-fetch-blob

未触发uploadProgress rn-fetch-blob
EN

Stack Overflow用户
提问于 2020-09-19 00:12:15
回答 1查看 705关注 0票数 1

在开发react原生应用程序时,我在两个平台(iOS和安卓)上都遇到了以下问题

环境:

代码语言:javascript
复制
"react-native": "^0.61.1",
"rn-fetch-blob": "^0.12.0"

我正在做一个将视频上传到服务器的多部分请求。鉴于此请求需要时间,我想向用户显示进度。

根据库文档,有一个uploadProgress回调:https://github.com/joltup/rn-fetch-blob#uploaddownload-progress,但在我这端不起作用。

下面是我的代码:

代码语言:javascript
复制
RNFetchBlob.fetch(
    'POST',
    `${REACT_APP_API_DOMAIN}/upload/video`,
    {
      Authorization: `Bearer ${token}`,
      timestamp: `${timestamp}`,
      'Content-Type': 'multipart/form-data',
    },
    [
      {
        name: 'video',
        filename: `video.${file.split('.')[file.split('.').length - 1]}`,
        data: RNFetchBlob.wrap(file),
      },
    ],
  )
    .then(() => {
      Notifier.showNotification({
        title: 'The videos was successfully saved!',
        description: "We're processing it, your profile will be updated soon!",
        Component: NotifierComponents.Alert,
      });
      setStatus(statusEnum.PROCESSING);
      completeCallback();
    })
    .uploadProgress((written, total) => {
      console.log('uploaded', written / total);
    })
    .catch(err => {
      Notifier.showNotification({
        title: 'There was an error uploading the video',
        description: err.toString(),
        Component: NotifierComponents.Alert,
        componentProps: {
          alertType: 'error',
        },
      });
      setStatus(statusEnum.FAILED);
      completeCallback();
    });

有什么想法吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-09-21 23:50:07

这个问题已经在这里得到了回答:https://github.com/joltup/rn-fetch-blob/issues/670#issuecomment-696016355

基本上,我必须交换thenuploadProgress回调。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63959278

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档