Qml显示base64图片数据

❝源于一个Qml项目需求，需要显示远端服务器传过来的base64编码后的图片。❞

「base64是一种基于64个可打印的字符来表示二进制数据的方法，一种字节编码方式。」

  查了些资料Qml的Image控件支持base64编码的图片。最后附上小例子，简简单单解决了。

• 小例子

代码语言：javascript复制

import QtQuick 2.0

Image {
    id: image
    width: 30; height: 30
    source: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAAyElEQVQ4jWN0OBP4n4HKgInaBg4tQ1nQBWQ5ZBhYGZlRxP7 /8fw/s8Hhk9/PpNnaKtSBYMEuyiK2Ic/HxmWvFjLsOn1TvIMZQG6koURVZgZyGciIaSGTkSNcENZpNklgbGLSJfMTMwYipiBdguy8jPIAdMwLvDs5wuGP///gNmMO9/s/8/LzAOXNOTVYWBnYkfR8Pv/b4YnP54zvPz1GqehPY mM7z7/R7iUmNefQYhVgG83mFlZGVQ5JQDY1yAA gQRiANKvIALpEucavo9zwAAAAASUVORK5CYII="
}

• 「图片转base64编码」在线工具

代码语言：javascript复制

https://www.base64-image.de/

base64 image qml 编码 二进制

1 人点赞