How to set the the path of images in qml file if the qml file is in resource ?

[DenisKormalev]

You always can pass absolute path of your app folder (which you can retrieve in run-time) as context property to qml and concat it with your image path

[goetz]

If do not use an absolute path, Qt makes it relative to the surrounding QML code. And as this is in a resource, it searches for the image in the resources too.

[brucewuu]

thanks , Denis and Volker , you are right , now I can solve this with Denis's suggestion , thanks all of you guys .

[DenisKormalev]

Volker, OP asks about using non-resourced images in resourced qml. I'm not sure it is possible with relative paths.

[brucewuu]

agree with denis , maybe there is some function which can set the path of the images files , or some
protocol , like "relative:///"

[goetz]

Relative paths rely on the "parent" path to be resolved. Basically it's an URL. You cannot use relative paths and switch the protocol (from qrc: to file:).

[brucewuu]

thanks , Volker

[jkosonen]

Did you get this to work, for me it just says "QML Image: Protocol "C" is unknown"

But it works with:

source: "file:images/image.jpg"

[brucewuu]

yes , now it works , you can use
@
QString imagePath = QDir::currentPath()+"/images/";
#if defined(Q_OS_MAC)
imagePath = "file://"+imagePath;
#endif
QDeclarativeContext::setContextProperty("imagePath",imagePath);
@

[misterion]

Also you can build this and use imagePath hack in Qt Creator and QmlViewer - https://github.com/misterion/QmlViewerDevHelper

[TonyN]

@leon.anavi the link is no longer valid!

[Raman]

This is really informative.