在smartface.io中将base64字符串转换为图像

Question

Hello smartface社区，

我需要帮助才能将base64字符串转换回smartface.io中的图像。

例如，以下代码将图像转换为base64

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

    var blob = img.getBlob();

    var base64StringDataForRegisterImage = blob.toBase64String();

现在我有另一个页面，我从webservice接收base64字符串，但我无法将其转换为图像以分配给图像控件。

请协助工作代码实现相同目标。

由于

Answer 1

您可以直接将base64字符串分配给SMF.UI.image对象的image属性。

假设您在第2页上有一个名为imgProfilePic的图像对象。

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);