Adding Image in forms activity using Dynamic HTML Elements throwing exception "Uiath.OutOfProcessUi.Host.WCF" has stopped working

I am trying to showcase image under UiPath Forms activity.

I followed instructions mentioned as per below link

https://docs.uipath.com/activities/docs/form-activity - under " Example of Passing Dynamic HTML Elements"

But unfortunately Bot is throwing exception as “Uiath.OutOfProcessUi.Host.WCF” has stopped working

image

here is my sequence flow

This is form view

Please suggest

1 Like

Hi @Yogi

Could you please explain more in detail?

when are you getting the exception? While Designing or While running the render?

Also, Could you please please provide the example of base 64 string here !

1 Like

Hi @Tamilselvan ,

i am getting exception while rendering the response , so below are the steps i am performing during design

  1. Create base 64 string from image using Invoke code

2.Pass that base 64 string code to Form activity as Argument

  1. Specify sampleimage variable inside content field of Dynamic html component

While execution when base 64 variable is getting passed to form activity i am getting this exception

here is the base 64 string for refrence : “/9j/4AAQSkZJRgABAQEBLAEsAAD/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAEAAAAAAAD/2wBDAAIBAQIBAQICAgICAgICAwUDAwMDAwYEBAMFBwYHBwcGBwcICQsJCAgKCAcHCg0KCgsMDAwMBwkODw0MDgsMDAz/2wBDAQICAgMDAwYDAwYMCAcIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCA21CbIDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9/KKKKACiiigAooooAKKKKACiiigAooooAKKKKACjOKKRl3UALRSKu2lIyKADOaKANopDw36UALRRRQAUUUUAJ/nFLRRQAnze1KDkUUm3gUALRRnFBGRQAUUUUAGcGiigDAoAKKKKADOaKQDBNLQAUAYopFbNAC0UUUAFFFFABRjj0oooAKKKKACiiigAooooAKKKKACiiigAooooAKKKAcigAooooATHsKMH1paKACijOKAc0AFFFFAARuFFFIWwaAFxx60UZzRQAUUUUAFFFFABRRRQAUUUUAFFFFABRSE/WloAKKKKAEx7CloooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKM4ooAKaeW/CnUn8f4UALRTQcfnTqACiignFABRRRQAUUUUAFFFFABRRRQAUUUUAFFGc0UAFAOaM5ooAKKKAc0AFJn5qWigAooooAKKKKACiiigAopC2KWgAooooAKM4oooAM5ooziigAopM/NWH4m+IWk+ELL7Rf3RhjyBkRu3X6A0AbtFcZc+O9Y1fSluvD+itqFvMu6KVp44ww7cMwPT1qjb6d421tPM1C+0fRYW58qKF7mVfYncq++QT1oA7/AHgd6BKp/irzvUPhxYalJ/pHibxDnuI2RQf/ACGaw9E8X6TpXjTR7HRri+uFa5ntLs3RJJZA2CPxRug9KB2Z7FRTYzkU6gQUAYoooAKKKKACkK5NLnJooAKKKKACjOaKKACiiigAooooAKM4oooAM5ooooACM0UUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUU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3y6dQA35aCc/SgbhTqAGrjNK3K0DNLQA0KDTvuigjIoAwKAG7v8Aa/Sj5adRQAm0Uny06igApFOSaWmgfPQA6iiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKCcCgApvl0v3lpaACiiigAooooAKKKKAEwfWloooAKaCcCnUUAFBOBRRQAhG4UtIzYpaADOKTcKWigBNwpaTYKWgApM5zSM2KdQAUUUUAFFFAbNABRRnFJnPSgBaawyf4vwo+Y0fNQAoOP/AK9I4yM0Hn+lKo+WgBCvvR5dLuFLQAVXvbpLOJmkZVXB6tipvmrzX4++J7yz/s/S9NbbfagzIhKjavRQST2BYdMn2oAh8NaXeeNPHcniK8mkt9J0+aQQWsqlkuNoISUMcDGWyCM8p19NLW9VOp38knKrnCjdnFTTX0Ol+ErHT7d2ZVt4gGI6xgDb174C9qyGlzQaRJd+T1oL+9Q+btpRPnvQaE6vxQXqHz6PPoAkzzXF/HX436X8C/h/f61qVxbZt4z5Fu90kD3MmMhFLdSfQAn2rY8dePNP+HfhS+1nVJzb2OnxGaZxGzlVHsoJPUV8GyDxJ/wUG+PP2ptt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…”

here is the code which i am using to generate base 64 string

Dim imageArray As Byte() = System.IO.File.ReadAllBytes(“C:\Users\ygarg\Documents\UiPath\OracleEBSAPAutomation\PDF Attchements\20191120\1.jpg”)
base64ProcessImageRepresentation= Convert.ToBase64String(imageArray)

Got the same error. What i do:

  1. Assign: imageArray(byte) = System.io.file.ReadAllBytes(“C:\Users\mustermann\Documents\UiPath\IntelligentOCR\image.jpg”)
  2. Assign: base64ImageRepresentation (str) = convert.ToBase64String(imageArray)
  3. CreateForm with html element and html content: “<img src={{data.sampleimage1}} height=100 width=100 >” (edited the end of the html code usually it’s /> at the end)
  4. FormFieldsCollection in Create Form activity: As in-Argument “sampleimage1” as str and value = base64ImageRepresentation

The image is not shown when the form opens and sometimes the robot executor crashes.

Any advice?

Found the solution for that in this forum post: Html Img Source only works with http location and not local folder