share image base64 not showing on social

here my code:

captureScreen({
            format: "png",
            quality: 0.8,
            result:'data-uri'
          })
          .then(
            uri =>{
                console.log("Image saved to", uri)
                let shareImage = {
                    title: 'share image',//string
                    message: 'share image description',//string
                    url:uri,
    
                };
                Share.open(shareImage).catch(err => console.log(err));
            },
            error => console.error("Oops, snapshot failed", error)
          );

my console.log: but image not showing anymore when sharing, for example share with email:

Environment

• React Native version: 0.55.4
• React Native platform + platform version: Android 8.0

react-native-share

Version: 1.0.27

[Sanan4li]

I am having the same issue. When I tries to share base64 image to any social app it does not share the actual image but shares a unsupported image like “24232212456755.null”. My base64 string is actually a real image I have tested it by converting base64 string to an image online.

I solved it by correcting the format " url: “data:image/jpeg;base64,”+uri, " I have been using jpg instead of jpeg as it was said “extension name” in docs.

[mlazari]

Actually it works fine if I put that data URL in a constant like in the examples from Readme. But if I use the value from https://github.com/iddan/react-native-canvas#canvastodataurl it doesn’t work. I log it in console and it has the same value.

L.E. Nevermind, it looks like the value returned by https://github.com/iddan/react-native-canvas#canvastodataurl is included in quotes for some reason. If I trim those quotes with const url = dataURL.replace(/^"+|"+$/g, ''); it works well.