网易云

Ionic实战视频教程(跨平台): https://www.itying.com/goods-1067.html

Flutter实战视频教程(跨平台): https://www.itying.com/goods-1176.html

Photo Viewer

Contents

This plugin can display your image in full screen with the ability to pan, zoom, and share the image.

https://github.com/sarriaroman/photoviewer

联系我们?

If you're building a serious project, you can't afford to spend hours troubleshooting. Ionic's experts offer official maintenance, support, and integration help.

Contact Us Today!

Ionic 图片预览 Photo Viewer插件的安装(Installation)

ionic cordova plugin add com-sarriaroman-photoviewer npm install @ionic-native/photo-viewer
Ionic EE comes with fully supported and maintained plugins from the Ionic Team. Learn More or Contact Us
ionic enterprise register --key=YOURPRODUCTKEY npm install @ionic-enterprise/photo-viewer

Ionic 图片预览 Photo Viewer插件支持的平台(Supported Platforms)

  • Android
  • iOS

Ionic 图片预览 Photo Viewer插件的用法(Usage)

import { PhotoViewer } from '@ionic-native/photo-viewer/ngx';

constructor(private photoViewer: PhotoViewer) { }

...

this.photoViewer.show('https://mysite.com/path/to/image.jpg');

this.photoViewer.show('https://mysite.com/path/to/image.jpg', 'My image title', {share: false});

this.photoViewer.show('https://mysecuresite.com/path/to/image.jpg', 'My image title', {share: false, headers: '{username:foo,password:bar}'});