[Solved] How QQuickImageProvider is dealing with http url links?

[cochleas.devel]

Hi everyone,

I have created a QQuickImageProvider class in a *.h file like this:

#ifndef IMAGEPROVIDER_H
#define IMAGEPROVIDER_H

#include <QObject>
#include <QImage>
#include <QQuickImageProvider>

class ImageProvider : public QObject, public QQuickImageProvider
{
public:
ImageProvider() : QQuickImageProvider( QQuickImageProvider::Image,
QQuickImageProvider::ForceAsynchronousImageLoading )
{

}

QImage requestImage(const QString &id, QSize *size, const QSize &requestedSize)
{
    return this->img;
}

QImage img;

};

#endif // IMAGEPROVIDER_H

and after registering it in the main.cpp file, like this:

qmlRegisterType<ImageProvider>( "com.example.ImageProvider", 1, 0, "ImageProvider" );
QQmlApplicationEngine engine;
engine.addImageProvider( QLatin1String("images"), new ImageProvider );
engine.load(QUrl(QStringLiteral("qrc:///main.qml")));

I am trying to create a QML Image like this:

Image {
source: "image://images/http://static.giantbomb.com/uploads/scale_small/0/6393/528516-1ball2.jpg"
}

but then I get the error:

QML Image: Failed to get image from provider: image://images/http://static.giantbomb.com/uploads/scale_small/0/6393/528516-1ball2.jpg

---

My question is: how can I get an image from a url using the qquickimageprovider???

Thanx!

[p3c0]

Hi,

Is it necessary for you to use QQuickImageProvider ?
I mean you can directly use an http url as a source for Image element.

[cochleas.devel]

Thanks for your reply!

I am now trying to a http url. However I have the following problem:
The component is created before the download of the image is complete.
Any idea?

[p3c0]

bq. The component is created before the download of the image is complete.

Yes since it may take some time for the image to load from the network.
In case if you want to do operations when the image is completely loaded from the network you can use the "onStatusChanged":http://qt-project.org/doc/qt-5/qml-qtquick-image.html#status-prop handler and the current status of the progress.

[cochleas.devel]

Thank you very very much! That worked! I hadn't notice that. I was using the Component.onCompleted which was creating the rest items before download to be complete!

Thanks again! That saved a lot of time and effort!

[p3c0]

You're welcome :)
You can mark the post as solved by editing the post title and prepend [solved] so that others may know that it has been solved.
Happy Coding :)

[cochleas.devel]

Thnx for the advice!