使用ionic中的社交共享插件发送图像

时间:2018-11-23 09:54:41

标签: angular ionic-framework hybrid-mobile-app socialshare

我正在生成QR,并且我想通过社交共享插件共享生成的QR。以下是我分享图片的代码。

share() {

let currentImage= "data:image/jpeg;base64,"+ this.createdCode;
this.socialSharing.share("QR Image to share", "QRCode", currentImage, '').then(()=>{ 
  console.log('sharing success'); 
  }).
catch(()=>{ 
  console.log('not possible to share '); 
});
}

this.createdCode是用于生成QR的字符串。问题是,此插件显示了带有共享应用程序列表的操作表。但是我无法使用共享应用程序列表传输图像。但是我可以传输文本。任何人都可以让我知道如何使用社交共享插件传输图像。

1 个答案:

答案 0 :(得分:0)

社交共享插件接受图像作为字符串,因此,如果您使用的是qrcode包,则可以使用如下数据网址将生成的qr代码共享到社交媒体:

const options = {
  errorCorrectionLevel: 'H',
  type: 'image/jpeg',
  quality: 0.3,
  margin: 4
}

qrCode.toDataURL('sample text', options, (err, url) => {
  if (err) throw err   
  this.socialSharing.shareViaTwitter("Share via Twitter", url)
   .then(async () => {
      const alert = await this.alert.create({
        header: 'Alert',
        subHeader: 'success',
        message: 'shared successfully',
        buttons: ['OK']
      });
      await alert.present();
   }).catch(async (err) => {
      const alert = await this.alert.create({
        header: 'Alert',
        subHeader: 'error',
        message: 'Error, Did not share because: ' + err,
        buttons: ['OK']
      });
    await alert.present();
  })
})