如何从 ionic3 在社交媒体上分享图像答案

【问题标题】：How to share image on social media from ionic3如何从 ionic3 在社交媒体上分享图像
【发布时间】：2018-11-02 00:58:35
【问题描述】：

我在ionic3创建了一个新项目

在我的项目中；首先，我使用 PHP 将图像保存到数据库中

然后我从数据库中检索所有图像并使用photo.ts 显示在离子photo.html 中

它成功了。但是我需要在ionic3中添加共享选项。

如果用户单击共享按钮，该特定图像将在用户社交媒体（fb、twitter、whatsapp）上共享。如何做到这一点？

这里是html代码

photo.html

<ion-header>
<ion-navbar>
<ion-title>photo</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<ion-grid>  
<ion-item *ngFor="let item of items">
<ion-row align-items-stretch>
<ion-col col-12 col-md-6 align-self-stretch align-self-center  
approxItemHeight="457px">
             <ion-card class="card">
       <img src="http://xxxxxx.com/imgshare/{{item.img}}" height="200" 
width="200">
        <button ion-button color="lightText" 
(click)="share(item)">share</button>
</ion-card>      
</ion-col>
</ion-row>
</ion-item>
</ion-grid>
</ion-content>

照片.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { HttpClient } from '@angular/common/http';
import { SocialSharing } from '@ionic-native/social-sharing';
@IonicPage()
@Component({
selector: 'page-photo',
templateUrl: 'photo.html',
})
export class PhotoPage {
public items : Array<any> = [ ];  
constructor(public navCtrl: NavController, public navParams: NavParams, 
public http: HttpClient, private socialSharing: SocialSharing) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad PhotoPage');
}
   ionViewWillEnter() : void
{
  this.load();
}
load() : void
{
  this.http
  .get('http://xxxx.com/imgshare/retrieve.php')
  .subscribe((data : any) =>
  {
     console.dir(data);
     this.items = data;
     console.log(this.items[0].img);

  },
  (error : any) =>
  {
     console.dir(error);
  });
}
}

【问题讨论】：

我已经从 db 中检索了所有图像。现在用户需要将特定图像（不是所有图像）分享到他们的 fb、whatsapp、twitter。如何做到这一点？ @Utpaul
检查我的答案...
谢谢你，我解决了这个问题。无论如何你的回答也是正确的@Utpaul
欢迎@vignesh。我上周很忙，抱歉回复晚了...
好的，不用 pblm 再次感谢@Utpaul

标签： angular ionic-framework ionic3

【解决方案1】：

首先你需要通过以下两个命令安装Social sharing：

$ ionic cordova plugin add cordova-plugin-x-socialsharing
$ npm install --save @ionic-native/social-sharing

然后有很多方法可以在不同的社交网站上分享。

这将通过操作表将应用共享给您选择的任何应用。

share(index){
  this.socialSharing.share(index.img, null, null, null);
}

更多详情请访问medium link

也可以访问官网official link

【讨论】：

【解决方案2】：

我使用了Social sharing，然后我在我的应用程序上使用了这个方法。

share(data){
  this.socialSharing.share('',null,data.imgUrl,null);
}

它对我有用。

对不起我的英语。

【讨论】：