Ionic 4：媒体捕获插件的视频上传错误答案

【问题标题】：Ionic 4: Video Upload Error with Media Capture PluginIonic 4：媒体捕获插件的视频上传错误
【发布时间】：2020-08-24 23:30:08
【问题描述】：

我正在开发一个使用 Ionic 和 Angular 框架的应用程序。在我的应用程序中，我需要捕获视频并将其上传到服务器。为此，我使用media-capture plugin 捕获视频，使用file transfer plugin 将其上传到服务器。

这是我用来捕获并将其上传到远程服务器的代码：

// Capturing Video 
captureVideo() {
    let options: CaptureVideoOptions = { limit: 1 }
    this.mediaCapture.captureVideo(options)
      .then((videoData: MediaFile[]) => {
        var i, path, len;
        for (i = 0, len = videoData.length; i < len; i += 1) {
          path = videoData[i].fullPath;
        }
        this.videoPath = path;
        console.log(this.videoPath);
      })
      .catch((err: CaptureError) => err)
  }

// Uploading Video
uploadVideo() {

    var options: FileUploadOptions = {
      fileKey: "videos",
      fileName: 'sample.mp4',
      chunkedMode: false,
      mimeType: "video/mp4"
    }

    var params: any = {};
    params.typeOfItemGroup = "SPACE";
    params.itemGroupName = "Kitchen";
    options.params = params;

    console.log("options: ", options);

    this.videoFileUpload = this.fileTransfer.create();

    this.videoFileUpload.upload(this.videoPath, 'localhost:8081/api/v1/shield/camera/video/5e706f96b5587e5e6776614f', options)
      .then((data) => {
        console.log("Data: " + data);
      })
      .catch((err) => {
        console.log("Error in upload: ", err);
      });
  }

我得到的错误是：click here

我无法弄清楚代码：2 错误。

对于后端它工作正常，如下所示： click here

任何意见和建议将不胜感激。

谢谢，卡鲁穆里

【问题讨论】：

标签： ionic-framework ionic4 ionic-native

【解决方案1】：

文件传输插件已弃用。我建议您查看这篇文章以了解上传文件的替代方法： https://cordova.apache.org/blog/2017/10/18/from-filetransfer-to-xhr2.html.

错误代码 2 指的是无效的 url。您可以在文档中找到错误代码： https://github.com/apache/cordova-plugin-file-transfer/blob/master/README.md#constants

【讨论】：

【解决方案2】：

使用`Capacitor.convertFileSrc(your mediacpture result.fullPath);`

然后你会得到 webPath ◄ 这就是我们要找的然后利用它来制作 blob 或在 UI 中显示它或将 blob 上传到服务器...

我希望它对我 100% 有效。

【讨论】：

使用Capacitor.convertFileSrc(*your mediacpture result.fullPath*);

使用`Capacitor.convertFileSrc(your mediacpture result.fullPath);`