Embed peninput signature in pdf

[bhanney2323]

Can someone help me figure out why I cannot for the life of me get this image of a users peninput signature to appear in my pdf. I keep getting a blank image with an x in it. I am using flow for this and the way I'm making the pdf is to compose it in an html schema, create and html file and then convert it to pdf. Here is my current flow: 

The field signed signature is a multitext column and gets sent this data from the following variable

Set(penInputEncodedImage, JSON(signature.Image,IncludeBinaryData))

And here is my usual output

Can someone tell me what's going wrong here? I feel like I've tried a bunch of different ways but none work or they don't really fit with the solution I'm trying to achieve. 

[EddieE]

@bhanney2323 

You most likely need to replace the rabbit ears (ie " and " ) in your signature string with Blank, eg

replace(outputs('Signed Signature'), ' " ', '')

... or something similar?

@RezaDorrani has a video that explains how to do this exact thing here. You can skip ahead to the 17min mark if you want a quick explanation.

[WarrenBelz]

Hi @bhanney2323 ,

You need to get down to the "raw" Base64

Set(
   penInputEncodedImage,
   With(
      {
         wJSON: 
         JSON(
            signature.Image,
            JSONFormat.IncludeBinaryData
         )
      },
      Mid(
         wJSON,
         Find(
            ",",
            wJSON
         ) + 1,
         Len(wJSON) - 
         Find(
            ",",
            wJSON
         ) - 1
      )
   )
)

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

Visit my blog Practical Power Apps

[bhanney2323]

I just tried setting that same variable with your code (copied and pasted) in powerapps and then resubmitted my form, but unfortunately, still the same result

Here is the output of the variable after the signature has been signed and it shows the raw base64

iVBORw0KGgoAAAANSUhEUgAAA6UAAAD9CAYAAABEFNFBAAAAAXNSR0IArs4c6QAAIABJREFUeF7t3QmwfFddJ/Cv7BAS0AQIi2EfZBNlkxFhgBHQmBLEAWVQwhgVEFSEoLI6M8iighmgxAJUFpFim4TBYRjWADqAUShACogiiCyRYMISIKwzUz9yWpqX9/6v3+vl3Hv7c6u6IP9/37N8zvl331+f7TviIkCAAAECBAgQIECAAAECnQS+o1O+siVAgAABAgQIECBAgAABAhGU6gQECBAgQIAAAQIECBAg0E1AUNqNXsYECBAgQIAAAQIECBAgICjVBwgQIECAAAECBAgQIECgm4CgtBu9jAkQIECAAAECBAgQIEBAUKoPECBAgAABAgQIECBAgEA3AUFpN3oZEyBAgAABAgQIECBAgICgVB8gQIAAAQIECBAgQIAAgW4CgtJu9DImQIAAAQIECBAgQIAAAUGpPkCAAAECBAgQIECAAAEC3QQEpd3oZUyAAAECBAgQIECAAAECglJ9gAABAgQIECBAgAABAgS6CQhKu9HLmAABAgQIECBAgAABAgQEpfoAAQIECBAgQIAAAQIECHQTEJR2o5cxAQIECBAgQIAAAQIECAhK9QECBAgQIECAAAECBAgQ6CYgKO1GL2MCBAgQIECAAAECBAgQEJTqAwQIECBAgAABAgQIECDQTUBQ2o1exgQIECBAgAABAgQIECAgKNUHCBAgQIAAAQIECBAgQKCbgKC0G72MCRAgQIAAAQIECBAgQEBQqg8QIECAAAECBAgQIECAQDcBQWk3ehkTIECAAAECBAgQIECAgKBUHyBAgAABAgQIECBAgACBbgKC0m70MiZAgAABAgQIECBAgAABQak+QIAAAQIECBAgQIAAAQLdBASl3ehlTIAAAQIECBAgQIAAAQKCUn2AAAECBAgQIECAAAECBLoJCEq70cuYAAECBAgQIECAAAECBASl+gABAgQIECBAgAABAgQIdBMQlHajlzEBAgQIECBAgAABAgQICEr1AQIECBAgQIAAAQIECBDoJiAo7UYvYwIECBAgQIAAAQIECBAQlOoDBAgQIECAAAECBAgQINBNQFDajV7GBAgQIECAAAECBAgQICAo1QcIECBAgAABAgQIECBAoJuAoLQbvYwJECBAgAABAgQIECBAQFCqDxAgQIAA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HyBAgAABAgQIECBAgACBbgKC0m70MiZAgAABAgQIECBAgAABQak+QIAAAQIECBAgQIAAAQLdBASl3ehlTIAAAQIECBAgQIAAAQKCUn2AAAECBAgQIECAAAECBLoJCEq70cuYAAECBAgQIECAAAECBASl+gABAgQIECBAgAABAgQIdBMQlHajlzEBAgQIECBAgAABAgQICEr1AQIECBAgQIAAAQIECBDoJiAo7UYvYwIECBAgQIAAAQIECBAQlOoDBAgQIECAAAECBAgQINBNQFDajV7GBAgQIECAAAECBAgQICAo1QcIECBAgAABAgQIECBAoJuAoLQbvYwJECBAgAABAgQIECBAQFCqDxAgQIAAAQIECBAgQIBANwFBaTd6GRMgQIAAAQIECBAgQICAoFQfIECAAAECBAgQIECAAIFuAoLSbvQyJkCAAAECBAgQIECAAAFBqT5AgAABAgQIECBAgAABAt0EBKXd6GVMgAABAgQIECBAgAABAoJSfYAAAQIECBAgQIAAAQIEugkISrvRy5gAAQIECBAgQIAAAQIEBKX6AAECBAgQIECAAAECBAh0ExCUdqOXMQECBAgQIECAAAECBAgISvUBAgQIECBAgAABAgQIEOgmICjtRi9jAgQIECBAgAABAgQIEBCU6gMECBAgQIAAAQIECBAg0E1AUNqNXsYECBAgQIAAAQIECBAgICjVBwgQIECAAAECBAgQIECgm4CgtBu9jAkQIECAAAECBAgQIEBAUKoPECBAgAABAgQIECBAgEA3AUFpN3oZEyBAgAABAgQIECBAgICgVB8gQIAAAQIECBAgQIAAgW4CgtJu9DImQIAAAQIECBAgQIAAAUGpPkCAAAECBAgQIECAAAEC3QQEpd3oZUyAAAECBAgQIECAAAECglJ9gAABAgQIECBAgAABAgS6CQhKu9HLmAABAgQIECBAgAABAgQEpfoAAQIECBAgQIAAAQIECHQTEJR2o5cxAQIECBAgQIAAAQIECAhK9QECBAgQIECAAAECBAgQ6CYgKO1GL2MCBAgQIECAAAECBAgQEJTqAwQIECBAgAABAgQIECDQTUBQ2o1exgQIECBAgAABAgQIECAgKNUHCBAgQIAAAQIECBAgQKCbgKC0G72MCRAgQIAAAQIECBAgQEBQqg8QIECAAAECBAgQIECAQDcBQWk3ehkTIECAAAECBAgQIECAgKBUHyBAgAABAgQIECBAgACBbgKC0m70MiZAgAABAgQIECBAgAABQak+QIAAAQIECBAgQIAAAQLdBASl3ehlTIAAAQIECBAgQIAAAQKCUn2AAAECBAgQIECAAAECBLoJCEq70cuYAAECBAgQIECAAAECBASl+gABAgQIECBAgAABAgQIdBMQlHajlzEBAgQIECBAgAABAgQICEr1AQIECBAgQIAAAQIECBDoJiAo7UYvYwIECBAgQIAAAQIECBAQlOoDBAgQIECAAAECBAgQINBNQFDajV7GBAgQIECAAAECBAgQICAo1QcIECBAgAABAgQIECBAoJuAoLQbvYwJECBAgAABAgQIECBAQFCqDxAgQIAAAQIECBAgQIBANwFBaTd6GRMgQIAAAQIECBAgQICAoFQfIECAAAECBAgQIECAAIFuAoLSbvQyJkCAAAECBAgQIECAAAFBqT5AgAABAgQIECBAgAABAt0EBKXd6GVMgAABAgQIECBAgAABAoJSfYAAAQIECBAgQIAAAQIEugkISrvRy5gAAQIECBAgQIAAAQIEBKX6AAECBAgQIECAAAECBAh0ExCUdqOXMQECBAgQIECAAAECBAj8f9eo2yuaCt5uAAAAAElFTkSuQmCC

[WarrenBelz]

@bhanney2323 .

I was looking for the video @EddieE found - it is a while since I have done one of these - you just need to get the "" off the end (not the raw JSON, which you need to create an image.

[bhanney2323]

I am trying everything to get the extra " off but nothing seems to be working. Im starting to think my html is off somewhere

I am using this as the variable to send to the 'signed signature' multiline text column in sharepoint: 

Set(
   penInputEncodedImage,
   With(
      {
         wJSON: 
         JSON(
            signature.Image,
            JSONFormat.IncludeBinaryData
         )
      },
      Mid(
         wJSON,
         Find(
            ",",
            wJSON
         ) + 1,
         Len(wJSON) - 
         Find(
            ",",
            wJSON
         ) - 1
      )
   )
)

And then I am using a compose action to get rid of any extra quotes: 

replace(outputs('Get_item')?['body/Signed_x0020_Signature'],' " ','')

And here is the part of my html compose action where I want to add the image:

Does anything seem off?

Here is what my usual output looks like: 

Update: I watched the video Eddie E sent over and while that is my exact scenario, still doesn't work for me. I even tried changing the variable that stores the signature to what Reza uses in the video 

Set(penInputEncodedImage, JSON(signature.Image,IncludeBinaryData))

But same result. The only difference Im finding is that he is triggering the flow from a powerapps trigger and I am triggering it from a sharepoint list created/modified trigger. 

[WarrenBelz · Accepted solution]

Hi @bhanney2323 ,

You just need

Set(
   penInputEncodedImage,
   With(
      {
         wJSON: 
         JSON(
            signature.Image,
            JSONFormat.IncludeBinaryData
         )
      },
      Substitute(
         wJSON,
         """",
         ""
      )
   )
)

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

Visit my blog Practical Power Apps

[bhanney2323]

You're a freaking wizard! Thank you so much, this was driving me bananas. I still don't completely understand why this works whereas doing this in flow like Eddie E and Reza recommended with the 

replace(outputs('Get_item')?['body/Signed_x0020_Signature'],' " ','')

doesn't work, but as long as it works I guess its okay. 

[WarrenBelz]

Hi @bhanney2323 ,

Just an explanation - there are two "forms" of Base64 Text used by different processes. Examples - if you want to send the first one (raw Base64) I posted to Power Automate, you can use base64ToBinary in the Flow to create an image with it in a SharePoint Library. If you want to display the image in Power Apps directly from the SharePoint multi-line text field, you need to store it with the "header" as in this one and only remove the leading and training quotes. I had a bit of a brain fade and posted the wrong one for the HTML usage.

I have a blog on SharePoint Images that may be of interest to you.