开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >Qml显示base64图片数据

Qml显示base64图片数据

Qt君

发布于 2023-03-17 14:17:34

8930

发布于 2023-03-17 14:17:34

举报

文章被收录于专栏：跟Qt君学编程

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

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

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

小例子

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编码」在线工具

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

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2020-11-05，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Qt君微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.

相关产品与服务

云服务器

云服务器（Cloud Virtual Machine，CVM）提供安全可靠的弹性计算服务。您可以实时扩展或缩减计算资源，适应变化的业务需求，并只需按实际使用的资源计费。使用 CVM 可以极大降低您的软硬件采购成本，简化 IT 运维工作。

产品介绍产品文档

2核2G服务器新用户限时秒杀28元/年