Convert base64 string to image in smartface.io

Question

Hello smartface community,

I need help to convert the base64 string back to image in smartface.io.

For example, following code converts image to base64

var img = new SMF.Image(e.file);

    var blob = img.getBlob();

    var base64StringDataForRegisterImage = blob.toBase64String();

Now I have another page where I am receiving base64 string from webservice but I am not able to convert it to image to assign to image control.

Please assist with the working code to achieve same.

Thanks

Have you seen this: http://stackoverflow.com/questions/1207190/embedding-base64-images — Octanic, Mar 10 '16 at 17:18

score 0 · Answer 1 · answered Mar 19 '16 at 09:38

0

You can directly assign your base64 string to the SMF.UI.image object's image property.

Let say you have an image object named imgProfilePic on Page2.

var myBase64StringFromWebservice = (...) // base64 string from your service

var imgProfilePic = new SMF.UI.Image({ 
    top: "20%", 
    left: "15%", 
    height: "20%", 
    width: "70%", 
    image: myBase64StringFromWebservice, 
    imageFillType: SMF.UI.ImageFillType.stretch 
}); 

Pages.Page2.add(imgProfilePic);

answered Mar 19 '16 at 09:38

atakan

695
4
11

Hi i tried using the same but it of no use, The image is not been shown on the page – Deepak Sahani Mar 21 '16 at 14:20
is it possible to share your code on jsfiddle.net or something like – atakan Mar 28 '16 at 10:57

Convert base64 string to image in smartface.io

1 Answers1