QWebview not showing images

**manojmka** · 7th January 2008, 10:09

Hi!

Thank you for telling me the benifits of console view. I started the same but did not get any information regarding paths in html file in fact, I did not get any information on the console view on loading the page itself.

I tried running the application both the ways, you describe but no luck.

I also tried to add the baseURL in setHtml function and that also did not produce any results. BTW, baseURL is only available in setHtml() function and that is not usable if I want to load a html page from some url. I will have to use load() method for this purpose.

**manojmka** · 8th January 2008, 05:25

I beg the help of some trolltech guys here. I am really stuck at this!! I don't believe that a tool like webkit is not able to show up images from local disk.

**jpn** · 8th January 2008, 06:37

What about <img src="file:///html/img1.jpg">?

**manojmka** · 9th January 2008, 06:30

we have to provide the whole absolute file path along with file protocol i.e.
file:///c:/HTMLViewer/html/img1.jpg

**manojmka** · 10th January 2008, 07:06

I am eagerly waiting for some of trolltech guys to answer this! Am I making some mistake here or it is a bug to be fixed?? Can I rely on the final release and wait for the same?

**jacek** · 10th January 2008, 13:16

Originally Posted by manojmka

I am eagerly waiting for some of trolltech guys to answer this!

It's hard to find Trolltech employees here.

**ModeZt** · 10th January 2008, 13:29

Coud u please post a chunk of your code loading a web-page and a chunk of html code.

1) make an index.html
<html><body><img src="img.png"></body></html>
2) put index.html and img.png into the same directory.
3) try to load the index.html

**sorin** · 9th April 2009, 20:01

Manok

I had the same issues with my QWebView setHtml function.
It did load the html file but not the .png image that is located inside the subfolder /images under the current application directory:

<img style="border: 1px solid" alt="berlin" src="./images/berlin.png">

On my Unix box the current directory in src attribute above is shown as a dot "." not as a column ":"

Inside my Qt application that is using QWebView to see the html file I have this call to load the HTML in this way.

1. In order to load this image I had to create a new resource file qwebview.qrc
and put this file in the same folder as my application files.

In this qwebview.qrc file I reference my image file with the same realtive path specified above

<!DOCTYPE RCC><RCC version="1.0">
<qresource>
<file>images/berlin.png</file>
</qresource>
</RCC>

2. I add the resource qwebview.qrc file into the .pro file if my application under RESOURCES key as below:

CONFIG += qt debug
QT += webkit
SOURCES += main.cpp
RESOURCES += qwebview.qrc

3. I used my QWebView object and call setHTML with a QUrl that is pointing to qrc resource file find in the current directory as below.

MyWebView->setHtml(file.readAll(), QUrl("qrc:/"));

4. I got the images/berlin.png image file loaded in my HTML page but is true that having a qrc (RESOURCE file) inside my project would compile the .png file inside the application binary executable preserving the same original relative path as described in the < src attribute > and in the .qrc file. Maybe this tight connection from the compilation stage till the end make this woring.

5. I asked QT support people about addResource option to add an external file image inside the QWebView when an HTML file is loaded and they told me that the only way now to do it in Qt 4.5.0 is:

<<The only way to be able handle what is not handled by QWebPage is to utilize the unsupportedContent() signal, this is emitted when it is unable to handle a link that the user is trying to have loaded. Here you can place what you wanted in that frame. If you look at the browser demo then you can see this in operation in the webview.cpp file. Look at the WebPage::handleUnsupportedContent() function to see how to do this>>

I looked into that code is quite spooky.

**manojmka** · 11th January 2008, 07:29

Can you please tell me how to reach them to get the answer for this?

**jacek** · 11th January 2008, 12:17

Originally Posted by manojmka

Can you please tell me how to reach them to get the answer for this?

You could try the qt4-preview-feedback list.

http://trolltech.com/company/newsroo...-17.6192777923

**diogolr** · 25th July 2008, 16:53

Can someone solve this problem? I have the same problem...

If I load the html code with Firefox, for example, the images appears to be ok.

**manojmka** · 26th July 2008, 11:53

Hi,

How are you describing the image path in html files? Is it relative? You need to use the full path somewhere, either directly in html files or full path to html files in your application.

Regards,
Manoj

**diogolr** · 27th July 2008, 04:43

Thanks Manoj...

The following code works for me

:

Qt Code:

Switch view

QDir dir;
 
QString path = dir.absolutePath();
 
QString img_path = "\"%1/%2\"";
img_path = img_path.arg( path ).arg( "imgs/image_name.png" );

QDir dir;

QString path = dir.absolutePath();

QString img_path = "\"%1/%2\"";
img_path = img_path.arg( path ).arg( "imgs/image_name.png" );

To copy to clipboard, switch view to plain text mode

**haldrik** · 16th July 2012, 23:22

Hi, you must use the absolute path for the image in the html code:

I solved that, including html file loading at this way:

Qt Code:

Switch view

<img style="width: 300px; height: 84px;" alt="Image" src="%1" align="left">

<img style="width: 300px; height: 84px;" alt="Image" src="%1" align="left">

To copy to clipboard, switch view to plain text mode

The arg %1 in the src parameter is the key.

Qt Code:

Switch view

QString fileName = QDir::currentPath() + "/webs/page.html";
        QFile file(fileName);
        if (!file.open(QIODevice::ReadOnly)) {
            QMessageBox::warning(this, trUtf8("Error Opening File"),
                                 trUtf8("Can't Open '%1'").arg(fileName));
        } else {
            // First, load the content file to a stream
            QTextStream stream(&file);
            QString htmlString;
            // download all contents to a QString
            htmlString = stream.readAll();
            // re-download the html contents but, modifiying the parameter %1.
            QString htmlWebView = htmlString.arg("file://" + QDir::currentPath() + "/webs/image.png");
            WebView->setHtml(htmlWebView);
            // finally you could use qDebug to show the result of the code
            qDebug() << htmlWebView;
           }

QString fileName = QDir::currentPath() + "/webs/page.html";
        QFile file(fileName);
        if (!file.open(QIODevice::ReadOnly)) {
            QMessageBox::warning(this, trUtf8("Error Opening File"),
                                 trUtf8("Can't Open '%1'").arg(fileName));
        } else {
            // First, load the content file to a stream
            QTextStream stream(&file);
            QString htmlString;
            // download all contents to a QString
            htmlString = stream.readAll();
            // re-download the html contents but, modifiying the parameter %1.
            QString htmlWebView = htmlString.arg("file://" + QDir::currentPath() + "/webs/image.png");
            WebView->setHtml(htmlWebView);
            // finally you could use qDebug to show the result of the code
            qDebug() << htmlWebView;
           }

To copy to clipboard, switch view to plain text mode

Thread: QWebview not showing images

Thread Tools

Search Thread

Display

Hybrid View

Re: QWebview not showing images

Re: QWebview not showing images

Re: QWebview not showing images

Re: QWebview not showing images

Re: QWebview not showing images

Re: QWebview not showing images

Re: QWebview not showing images

Re: QWebview not showing images

Re: QWebview not showing images

Re: QWebview not showing images

Re: QWebview not showing images

Re: QWebview not showing images

The following user says thank you to manojmka for this useful post:

Re: QWebview not showing images

Re: QWebview not showing images

Similar Threads

about qt/embedded widgets showing in ARM platform

Problem showing raw images

Bookmarks

Bookmarks

Posting Permissions