【问题标题】:Ionic image picker plugin, showing image not working离子图像选择器插件,显示图像不起作用
【发布时间】:2018-06-14 23:01:05
【问题描述】:

我正在尝试使用 Ionic 的图像选择器来选择多个图像并将它们显示在 .但是我尝试了不同的东西,但我无法让它工作,我得到了图像选择器,我能够选择图像,但我无法让它显示,不在图像标签中,也不在滑块中.

TS 功能:

addImages() {
  let options = {
  maximumImagesCount: 10,
  outputType: 1
};
this.imagePicker.getPictures(options).then((results) => {
  for (var i = 0; i < results.length; i++) {
    console.log('Image URI: ' + results[i]);
    console.log("Image URI base64? " + results[i])
    this.imagePaths.push(results[i]);
  }
}, (err) => { console.log("Coulden't get picture") },
);

}

HTML:

<ion-slides class="imageSlider"  pager>
        <ion-slide [(ngModel)]="imagePaths" *ngFor="let imagePath of imagePaths | async, let i = index">
                <img class="img_card" src="{{ imagePath }}" />
        </ion-slide>
            <ion-slide (click)="addImages()">
                    <ion-icon name="add"></ion-icon>
                    <p>Voeg foto's toe van uw woning</p>
                </ion-slide>
    </ion-slides>

我尝试了其他一些方法,但似乎没有任何效果,我还尝试在选择图像后导航到不同的页面,因为我认为 2 路绑定可能有问题,但这也没有用。

PS:我没有收到任何错误,只是图像没有添加到滑块中。

有人知道我做错了什么吗?

提前致谢。

【问题讨论】:

  • 愚蠢的错误,但经过 2 天并尝试了不同的事情后,我意识到我从另一个页面复制/粘贴了 ngFor,但其中仍然有 | async part,这就是图像没有显示的原因向上。但现在可以了。

标签: ionic3 cordova-plugins


【解决方案1】:

愚蠢的错误,但在 2 天后尝试了不同的事情后,我意识到我从另一个页面复制/粘贴了 ngFor 并且仍然有 | 异步部分。

这就是图像没有显示的原因。

但现在可以了。

【讨论】:

  • 同样的情况,但无法解决您的问题。注意我没有在我的代码中添加async。还是不行。
  • 已解决。这个问题是因为我正在使用 livereloading 运行应用程序。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-01-31
  • 2018-12-17
  • 1970-01-01
  • 2019-12-15
  • 1970-01-01
  • 2016-11-16
  • 1970-01-01
相关资源
最近更新 更多