Qt在QtWebEngine视图中显示QImage或像素图（从C ++到HTML）

Question

在Qt中，我想显示图像（例如QImage）或从C ++到WebEngine的html的任何类型的像素映射。 这个怎么做？

例如，在我的html（由WebEngineView显示）中，有：

<img src="???" id="myImg">

现在，我希望能够从C ++代码提供此图像。 因此，我将生成此图像（使用某种算法），并希望在Web浏览器中显示它。

Answer 1

这也可以使用自定义UrlSchemeHandler完成。

class ImageLoaderUrlSchemeHandler : public QWebEngineUrlSchemeHandler
{
    Q_OBJECT
public:
    ImageLoaderUrlSchemeHandler(QObject *parent = Q_NULLPTR) : QWebEngineUrlSchemeHandler(parent) { }
    void requestStarted(QWebEngineUrlRequestJob *job)
    {
        QUrlQuery urlq(job->requestUrl());
        // use job->requestUrl().host(), job->requestUrl().fileName(), etc.
        // and urlq to get info from query
        QBuffer *respBuffer = new QBuffer;
        image.save(respBuffer, "BMP");
        // delete buffer after request completed
        connect(respBuffer, &QBuffer::aboutToClose, respBuffer, &QBuffer::deleteLater);
        job->reply("image/bmp", respBuffer);
    }
};


// install handler for one page
webEngineView->page()->profile()->installUrlSchemeHandler(QByteArray("imldr"), new ImageLoaderUrlSchemeHandler(env));
// or use QWebEngineProfile::defaultProfile() for all pages


<img src="imldr://myapp/myhandler?param1=value1&param2=value2" id="myImg">

Answer 2

您可以转换为图像数据库

QByteArray ba;
QBuffer bu(&ba);
image.save(&bu, "PNG");
QString imgBase64 = ba.toBase64(QByteArray::Base64Encoding); // Qt 5.6

<img src="data:image/png;base64,"+imgBase64+"id="myImg">