0

我正在使用 Ionic Photo Viewer 全屏显示图像。我的 HTML 是：-

<ion-slides>
  <ion-slide col-12 *ngFor="let image of businessImages | async">
     <div class="main-slider-image" [defaultImage]="'assets/imgs/default_image_slider.png'" [lazyLoad]="image.thumb400Url" [offset]="100" (click)="openImage(image.originalUrl)">
     </div>
  </ion-slide>
</ion-slides>

在打字稿上：-

openImage(url) {
    this.photoViewer.show(url, "", { share: false });
}

在 Android 上的工作方式如下：-

点击这里查看安卓版本

另一方面，在 iPhone 上的工作方式是这样的：-

点击这里查看 iPhone 版本

在 iPhone 上，照片查看器不会打开照片。我试过了：-

openImage(url) {
    this.photoViewer.show(url);
}

但这也没有用。如果您知道如何解决此问题，请分享。谢谢

4

3 回答 3

1

这个问题真的很疯狂，不得不花费大量时间来找出解决方案。解决方案是“选项”变量中的所有参数都是必需的。

按照这个：

const options = {
    share: true, // default is false
    closeButton: true, // default is true
    copyToReference: true, // default is false
    headers: "",  // If it is not provided, it will trigger an exception
    piccasoOptions: { } // If it is not provided, it will trigger an exception
};

this.photoViewer.show(url, "", options);
于 2021-02-05T01:41:24.203 回答
0

我有同样的错误，我解决了这个

ionic cordova plugin rm com-sarriaroman-photoviewer
ionic cordova plugin add com-sarriaroman-photoviewer@1.1.18
npm install --save @ionic-native/photo-viewer

在您的功能上，如果设备使用 ios，则 decodeURIComponent 就是答案

  showImage(url,title) {
    var options = {
      share: true, // default is false
      closeButton: true, // iOS only: default is true
      copyToReference: true // iOS only: default is false
    };

    if (this.platform.is("ios")) {
      url = decodeURIComponent(url);
    }

    this.photoViewer.show(url, title, options);
  }
于 2019-03-19T03:55:12.567 回答
0

至少我必须恢复到 1.1.11（从 NPM 找到）才能正确显示 IOS。对于 Android，最新版本似乎可以工作。

在 1.1.11 中，共享似乎不适用于 IOS。在 Android 最新的照片查看器插件中，它似乎工作。所以现在我有：

  private viewPhoto(url: string): void {
    if (url && url != 'assets/images/profile.png') {
      this.photoViewer.show(url, '', { share: this.platform.is('android') });
    }
  }

而且.. 我认为讨论这些的正确地点是https://github.com/sarriaroman/photoviewer/issues。

还有一件事，我正在考虑使用另一个插件，https://github.com/Riron/ionic-img-viewer。一些 photoviewer 问题有指向此的链接，但尚未尝试过。

于 2018-07-20T13:30:15.447 回答