Storing Pen Input as image: Is there any reasonable cause for it to be so hard task still??

[Gongon]

Hi everybody,

Don't know if I'm alone in this, but It's hard for me to believe that still doesn't exist an easy and intuitive way to do that. I've tried dataUriToBinary(...) function passing the BLOB uri returned by the PenInput.Image property, but, of course, it doesn't work. It seems that the goal is to make it impossible for the user to get this done.

I've read solutions like this one (https://blog.mydock365.com/how-to-save-signatures-from-powerapp-to-sharepoint-lists), but couldn't make it work. Maybe I am doing something wrong, but as far as I understand, from Power Apps I only have PenInput.Image property to send the image as a parameter to FLOW and, as I said, dataUriToBinary(...) is not working. I did something like this:

the flow as I understand it should be

That is basically what the solution in the provided link is doing, but with some previous spliting because of having the data in a string. Maybe the question here is, how did he get this thing --> data&colon;image/jpeg;base64,<data>?? Cause, as far is I know, PneInput.Image property is the only way for me to get to the Image representation.

Back to my flow, the function in 'Contenido del archivo' is exactly like this: dataUriToBinary(triggerBody()['Creararchivo_Nombredearchivo']), where Creararchivo_Nombredearchivo is the name of a variable retreived from PowerApps and is equal to PenInput.Image.

Not working. What am I missing?

Seriously, I can't believe that Microsoft hasn't still implemented a native funcionality to achieve this.

[v-xida-msft]

Hi @Gongon ,

Do you want to save a pen input image within your OneDrive folder?

Firstly, based on the blog you provided, I think there is something wrong with it. The dataUriToBinary(...) function within MS Flow is used to convert a Data URL data into a binary data, but the output of the Pen Input control in a canvas app is a Blob data rather than a Data URL data.

In other words, you could not use dataUriToBinary(...) function mentioned within above the blog you mentioned to achieve your needs.

As an alternative solution, I think you could consider create cuctom connector to achieve your needs. The user @roncam and @tech18 have faced same issue with you, please check responses within the following threads:

https://powerusers.microsoft.com/t5/General-Discussion/saving-signature-image-to-sharepoint/m-p/1969...

https://powerusers.microsoft.com/t5/General-Discussion/Pen-input-save-image-to-SharePoint/td-p/81575

More details about creating a custom connector within PowerApps to upload image files to OneDrive folder, please check the following blog:

https://repointtechnologies.com/saving-images-from-powerapps-to-sharepoint/

I have made a test on my side, please take a try with the following workaround:

Flow's configuration as below:

App's configuration as below:

Best regards,

[Anonymous]

Thanks for posting in the community @Gongon - can you review the above reply and advise if it was helpful?

@Anonymous 

[Gongon · Accepted solution]

Hi! 

Sorry for my late answer. The question is that I don't have access to the HTTP trigger in flow, so, finally, what I had to do was to rely on Azure Blob Storage following this example:

https://poszytek.eu/en/microsoft-en/office-365-en/flow-en/powerapps-hand-written-signature/

Hope it helps someone else.

Thanks for your attention, anyway!

[Anonymous]

Many Powerapps developers still regard this as a work around and not a solution. Why in the first place did they even create the Pen input with all that it could be used for and not budge a finger to make it usefull without work arounds a bodges?!

[Gongon]

Totally agree.

[JensKofod]

An easy and multi-purpose solution is found to add pen-input to Sharepoint/Email/PDF thanks to Shane Young, utilizing the addition of a PowerApps Json functionality added on 02/05/2019.

The Short description on how to make this work is to save the pen input image in a JSON format asking the JSON function to include Binary Data:

Set( PenVar, JSON( PenInput1.Image,JSONFormat.IncludeBinaryData ) );

See here for details: https://iiu.dk/2019/10/12/powerapps-pen-input/