将base64图像数据数组显示为图像

时间:2019-01-30 17:04:04

标签: angular nativescript angular2-nativescript

我正在输出项目的RadListView,每个项目都具有base64格式的图像,但是我无法显示它们。

在组件循环中,我有

let base64ImageSource = new ImageSource;
base64ImageSource = fromBase64(returned_expenses[i].receipt_data);

在模板中,我有

<Image row="0" col="1" [src]="base64ImageSource" horizontalAlignment="right" width="100" height="100"  stretch="none"></Image>

没有图像。

我看过以下代码

this.imageSource = new ImageSource();
var loadedBase64 = this.imageSource.loadFromBase64(MY_BASE_64_STRING_PREVIOUSLY_SAVED);
console.log(loadedBase64);
if (loadedBase64) {
  let photo = <Image>this.photoImage.nativeElement;
  photo.imageSource = this.imageSource;
  this.photo = photo;
}

但是我不知道该怎么做

let photo = <Image>this.photoImage.nativeElement;

即。什么photoImage声明为?

谢谢您的指导!

1 个答案:

答案 0 :(得分:2)

在示例代码photoImage中可能是对元素的引用,可能正在使用ViewChild

HTML

....
<Image #photoImage></Image>
...

TS

@ViewChild("photoImage") photoImage: ElementRef;