Angular 媒体捕获本机插件Ionic 3

Angular 媒体捕获本机插件Ionic 3,angular,typescript,ionic-framework,ionic3,ionic-native,Angular,Typescript,Ionic Framework,Ionic3,Ionic Native,我正在制作一个ionic 3应用程序,我想让用户能够捕获图片和视频。因此,我使用了媒体捕获插件,一旦我捕获了一个图像或视频,我就会得到MediaFile[]promise作为回报。现在,当我试图在带有[src]=mediaFile['0'].fullPath的ionimg标记中将该图像显示为预览时。它不显示图像 请告诉我,如果我的方法错了,那我该怎么办 以下是捕获部分: this.mediaCapture.captureImage() .then( (data: MediaFile

我正在制作一个ionic 3应用程序,我想让用户能够捕获图片和视频。因此,我使用了媒体捕获插件,一旦我捕获了一个图像或视频,我就会得到
MediaFile[]
promise作为回报。现在,当我试图在带有
[src]=mediaFile['0'].fullPath的
ionimg
标记中将该图像显示为预览时。它不显示图像

请告诉我,如果我的方法错了,那我该怎么办

以下是捕获部分:

this.mediaCapture.captureImage()
  .then(

    (data: MediaFile[]) => {
         this.navCtrl.push('NewPostPage', {
         mediaFile : data
         })
    },
    (err: CaptureError) => console.error(err)
  );
以下是newpostpage的html:

<ion-content padding>

  <ion-img [src] = 'image'></ion-img>

</ion-content>

嘿,我不知道你是否还有这个问题

我解决这个问题的方法是,在控制台中打印文件路径,然后尝试删除其中的不同部分,看看效果如何

具体来说,有效的方法是删除
文件:“
前缀,如下所示:

self.media.captureVideo().then((data: MediaFile[]) => {
                let file = data.pop();
                let path = file.fullPath.replace('file:', '');
                resolve(path);
            }, err => {
                console.dir(err);
                reject(err);
            }); 

然后我可以使用该路径来传输/播放文件。

实际上问题是,插件返回的路径错误。。我使用摄像头插件制作图像,使用媒体捕获插件制作视频。mediaCapture插件的captureImage()函数返回的路径为false。@fazanullah该路径没有错误,只是媒体插件中可以使用的另一种路径格式。出于其他目的,路径必须不同,这就是我在回答中试图描述的:编辑返回的路径是解决方案。
self.media.captureVideo().then((data: MediaFile[]) => {
                let file = data.pop();
                let path = file.fullPath.replace('file:', '');
                resolve(path);
            }, err => {
                console.dir(err);
                reject(err);
            });