无法使用 Ionic2/3 社交共享共享图像

Question

在这里，我首先使用离子社交共享共享图像，为此我所做的是使用 Canvas 抓取图像，并将相同的图像代码导出到共享插件。 当我这样做时，我的身体会得到以下内容，我的意思是我通过电子邮件发送

'data:image/png;base64,R0lGODlhDAAMALMBAP8AAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUKAAEALAAAAAAMAAwAQAQZMMhJK7iY4p3nlZ8XgmNlnibXdVqolmhcRQA7'

以下是我的代码：首页.html

<canvas #myCanvas>
<ion-card>
<img [src]="image">
<ion-card-content>
<ion-card-title>
Nine Inch Nails Live
</ion-card-title>
<p>
The most popular industrial group ever, and largely
responsible for bringing the music to a mass audience.
</p>
</ion-card-content>
</ion-card>
</canvas>
<button ion-button (click)="getDat()"></button>

.ts 代码

@ViewChild('myCanvas') myCanvas:ElementRef ;

image:any = 'https://images.pexels.com/photos/6966/abstract-music-rock-bw.jpg?auto=compress&cs=tinysrgb&h=350';
constructor(public navCtrl: NavController,public share:SocialSharing) {
}
getDat(){
var canvas = this.myCanvas.nativeElement;
var imageBase64Data = canvas.toDataURL("image/png");
console.log(imageBase64Data)
this.share.canShareViaEmail().then(() => {
this.share.shareViaEmail(imageBase64Data,'IDCARD', ['[e-mail]']).then(() => {
;
}).catch(() => {
// Error!
});
}).catch(() => {
// Sharing via email is not possible
});

}

因此可以在正文中发送图像

Answer 1

您可以使用电子邮件编辑器添加附件。请参阅下面的代码。

import { EmailComposer } from '@ionic-native/email-composer';
constructor(private emailComposer: EmailComposer) { }
...

this.emailComposer.isAvailable().then((available: boolean) =>{
if(available) {
//Now we know we can send
}
});
let email = {
to: '[e-mail]',
cc: '[e-mail]',
bcc: ['[e-mail]', '[e-mail]'],
attachments: [
'file://img/logo.png',
'res://icon.png',
'base64:icon.png//iVBORw0KGgoAAAANSUhEUg...',
'file://README.pdf'
],
subject: 'Cordova Icons',
body: 'How are you? Nice greetings from Leipzig',
isHtml: true
};
// Send a text message using default options
this.emailComposer.open(email);

}

欲了解更多信息，请查看 https://ionicframework.com/docs/native/email-composer/

更新

您可以将其用于社交分享

socialsharing.shareViaEmail(
'Message', // can contain HTML tags, but support on Android is rather limited:  http://stackoverflow.com/questions/15136480/how-to-send-html-content-with-image-through-android-default-email-client
'Subject',
['[e-mail]', '[e-mail]'], // TO: must be null or an array
['[e-mail]'], // CC: must be null or an array
null, // BCC: must be null or an array
['https://www.google.nl/images/srpr/logo4w.png','www/localimage.png'], // FILES: can be null, a string, or an array
onSuccess, // called when sharing worked, but also when the user cancelled sharing via email. On iOS, the callbacks' boolean result parameter is true when sharing worked, false if cancelled. On Android, this parameter is always true so it can't be used). See section "Notes about the successCallback" below.
onError // called when sh*t hits the fan
);