QML Image动态刷新图片来自C++的QImage的一个巨坑

最近,需要在QML上显示来自OPenCV的摄像头视频,因为是视频,既好多好多图片,所以需要QML上动态刷新来自C++的QImage

具体怎么搞我就不再赘述,虽然资料不多,但是CSDN上的一篇博客已经写得十分的清楚:

Qt C++发送图片到QML显示

但是!
我按照他们的方法,根本无法正常刷新图片,只能显示第一张!!!
我按照他们的方法,根本无法正常刷新图片,只能显示第一张!!!
我按照他们的方法,根本无法正常刷新图片,只能显示第一张!!!

后来….一段艰辛…..终于解决问题….记录与此,望其他小伙伴不要重蹈覆辙
在上面那篇博客,它的qml文件里是这么写的:

1
2
3
4
5
6
7
8
9
10
11
Image{
id:img
anchors.fill: parent
}
Connections{
target: CodeImage
onCallQmlRefeshImg:{
img.source = ""
img.source = "image://CodeImg"
}
}

并且提到:

注意,这里刷新图片的时候必须先设置为空img.source = “”,否则无法刷新。_

其实,后面的版本中(我用的5.8),这样已经不行了,猜测是更新了缓存机制的原因如果使用相同的地址去获取图片…那么就直接从缓存里拿,so,无法正常刷新,如果你想正常刷新,可以采取下面这种写法:

1
2
3
4
5
6
7
8
9
10
Image{
id:img
anchors.fill: parent
}
Connections{
target: CodeImage
onCallQmlRefeshImg:{
img.source = "image://CodeImg/"+ Math.random()
}
}

这样,就能正常从C++那边获取QImage了~