首页 文章

离子图像选择器插件,显示图像不工作

提问于
浏览
0

我试图使用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:我没有收到任何错误,图片只是没有添加到滑块 .

有谁知道我做错了什么?

提前致谢 .

1 回答

  • 0

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

    这就是图像没有出现的原因 .

    但它现在有效 .

相关问题