Search code examples
angularionic-frameworkcapacitor

Ionic Capacitor - Screenshot to Gallery (iOS)

Haven't been able to find any solution to this.

I'm using Ionic Framework 5+ and using Capacitor 3+.

I need to be able to have the user take a screenshot on iOS and Android and have that screenshot automatically saved to the users photo gallery. Android works just fine with the following code. iOS also works, however it saves the file in a temporary directory so I need to move the file to whatever directory it needs to go to on iOS so the user can see it in their photo gallery.

import { Screenshot } from '@ionic-native/screenshot/ngx';

this.screenshot.save('jpg', 80).then((res) => {
  this.filePath = res.filePath;
  console.log(this.filePath);
});

Is there a way to use the FileSystem Capacitor API to save this photo at this this.filePath to the iOS gallery?

Is there another way to go from screenshot to gallery on iOS?

Solution

  • This works for iOS. I'm using it in production at the moment. The fundamental problem had to do with the fact that the Capacitor Community Media library wasn't documented very well to specify exact formatting needed to make it work. This is the working package.json version of the library: "@capacitor-community/media": "github:dragermrb/media".

    this.screenshot.save().then(async (res) => {

  const savePhotoResult = await Media.savePhoto({
    path: `file://${res.filePath}`,
    album: this.album.identifier
  });
});