Image copy, save or print

[bdherh]

I have an image on a screen for a QRCode.  The image is generated from a URL

https://quickchart.io/qr?text=<GUID from my screen>

I want to be able to copy this image either to the paste buffer or some other method so I could send the image (QRCode) in an email, or paste to a word document.

I see the Copy() function for text but not sure how to get an image.

[MarkBandR]

Hi @bdherh 

What if you did something like:

Office365Outlook.SendEmailV2(
    User().Email,
    "QR Code",
    "<img src='" & imgQRCodeGenerated.Image & "'> <br>",
    { IsHtml: true }
);

where imgQRCodeGenerated.Image is the url https://quickchart.io/qr?text=<GUID from my screen>

-Mark

If I've answered your question or solved your problem, please mark this question as answered. This helps others who have the same question find a solution quickly via the forum search. If you liked my response, please consider giving it a thumbs up.

[bdherh]

Thanks Mark.  That would work fine if I always want to email it.  I'm more interested in copying it, then be able to paste in Word, Email, Teams, etc.  I'm not sure that is possible.

[WarrenBelz]

Hi @bdherh ,

I was doing a bit of experimenting before @MarkBandR responded. I can tell you that the Copy() function only supports Text and if you put the URL into an Image Control, using Ctrl-C only copies the URL, not the image, however you could use the snipping tool on the Image control and paste that into an email or Word document. I am not sure if this is what you had in mind.

[v-bofeng-msft · Accepted solution]

Hi @bdherh,

You could use this method to save the QR code as an image to OneDrive:

1\Create a flow:

2\Insert the flow in to my app

3\Run flow

MyFlow.Run("https://quickchart.io/qr?text=<GUID from my screen>")

4\Result

Best Regards,

Bof

[bdherh]

Hi Bof.  That got me part of the way there.  I can save the file in a file on onedrive now.  It would be great if I could automatically attach this file in my Sharepoint list once saved.  Is this possible?

[MarkBandR · Accepted solution]

Hi @bdherh 

Shane Young has a video showing how to do something similar to what you are trying to do:

https://youtu.be/CzqPjZY1j7Y?t=586

If you can get the Image into Base64, it can be treated as a string. The Image Control can be set to it.

Following something similar to @v-bofeng-msft , I made a Flow to accomplish this. I actually made two Flows that do the same thing. Unfortunately the first example does use a Premium "HTTP" Action.

The Flow is pretty simple. It take the URL as an input. It uses the HTTP Action to call the url. It returns the Contents back to the Power App as:

data:image/png;base64,@{body('HTTP')?['$Content']}

This is the OnSelect for a Button in the Power App:

Set(varImageBase64,'PowerAppV2->HTTP,RespondtoaPowerApporflow'.Run($"https://quickchart.io/qr?text={TextInput1.Text}").responsebase64);

 And the Image Control has it's Image property set to "varImageBase64".

The second Flow works like @v-bofeng-msft example and uses OneDrive Actions:

The Flow is also pretty simple. It take the URL as an input. Three OneDrive Actions to create a File, get the File Contents, and delete the file. It returns the Contents back to the Power App as:

data:image/png;base64,@{base64(outputs('Get_file_content')?['body'])}

This is the OnSelect for a Button in the Power App:

Set(varImage3Base64,'PowerAppV2->UploadfilefromURL,RespondtoaPowerApporflow,G...'.Run($"https://quickchart.io/qr?text={TextInput1.Text}").responsebase64);

 And the Image Control has it's Image property set to "varImage3Base64".

Other things that I looked at was:

1) the PCF Gallery for custom controls to see if anyone made one that might work. I could not find one. The reason I checked this is because there is JavaScript to convert an image to Base64.

https://pcf.gallery/canvas-controls

2) Checked https://quickchart.io/documentation/qr-codes/ to see if they had a way to return the Base64 as an option. I could not find that functionality.

Hopefully this gets you what you need.

-Mark

If I've answered your question or solved your problem, please mark this question as answered. This helps others who have the same question find a solution quickly via the forum search. If you liked my response, please consider giving it a thumbs up.

[bdherh]

Thanks for your help.  This works fine