如何在Ionic5项目中使用SocialShare插件共享本地文件

Question

我对Javascript和Ionic框架很陌生。我想共享一个本地文件，该文件的路径为"/assets/input.json"；使用SocialShare插件，我想通过应用程序将这个扩展名为.json的本地文件共享为.txt文件。

有人能帮助我如何使用这个插件来访问我的本地文件，以及如何将其转换为文本文件来共享它吗？

Answer 1

我建议使用Filesharer，而不是社交共享。在社交共享中，我真的怀疑你是否可以共享某个文件夹中的本地文件。我也有类似的要求，Filesharer是一个完美的插件，下面是你可以尝试的代码。

async shareLocalFile() {
console.log('Sharing files...')
this.http.get('/assets/input.json', { responseType: 'blob'})
.subscribe( res => {
const reader = new FileReader();
reader.onloadend = () => {
const result = reader.result as string;
const base64Data = result.split(',')[1]
FileSharer.share({
filename:  'input.txt',
base64Data,
contentType:'application/txt'
});
}reader.readAsDataURL(res);
})
}

Answer 2

试试这个参考：https://www.npmjs.com/package/cordova-plugin-x-socialsharing

var options = {
message: 'share this', // not supported on some apps (Facebook, Instagram)
subject: 'the subject', // fi. for email
files: ['', ''], // an array of filenames either locally or remotely
url: 'https://www.website.com/foo/#bar?a=b',
chooserTitle: 'Pick an app', // Android only, you can override the default share sheet title
appPackageName: 'com.apple.social.facebook', // Android only, you can provide id of the App you want to share with
iPadCoordinates: '0,0,0,0' //IOS only iPadCoordinates for where the popover should be point.  Format with x,y,width,height
};

对于从.json到.txt的文件转换，您可以阅读&使用js编写文件(https://www.websparrow.org/web/how-to-create-and-save-text-file-in-javascript)和离子文库https://ionicframework.com/docs/native/file