QWebview not showing images

**manojmka** · 7th January 2008, 08:53

Originally Posted by jpn

So it was about current working directory after all. src="image.png" means that the image is searched from the current directory. I don't know if there is a possibility to set search paths or something, but presumably the images are shown once you launch the application from C:\HTMLViewer\html or you change it to src="html/image.png".

No, it does not work that way even.

**jpn** · 7th January 2008, 08:59

Originally Posted by manojmka

No, it does not work that way even.

So, exactly what did you try? It might prove to be useful to be as detailed as possible. "My car does not work" is not very useful information to a car mechanic. Does it print any warnings to debug output (provided that you have QT += console)?

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

Well, I think I tried to write in detail but may be you can tell me what details are you expecting?

I have already stated that:
(1) It shows the online page perfectly.
(2) It does not show the offline images.
(3) It shows the images from some server in offline pages but that too only when I load the page with setHtml() function, not with load() function!!
(4) It also show the images from disk if I give them as: <img src=FTP:///C:/HTMLViewer/html/img1.jpg">

**jpn** · 7th January 2008, 09:49

Start with enabling console so you can see the debug output, which might provide useful information.

Notice, that there is a significant difference when index.html contains src="image.png" and you do:

Qt Code:

Switch view

viewer->setHtml("html/index.html");

viewer->setHtml("html/index.html");

To copy to clipboard, switch view to plain text mode

and launch the app in C:/HTMLViewer/

C:/HTMLViewer/> app.exe

versus when you do

Qt Code:

Switch view

viewer->setHtml("index.html");

viewer->setHtml("index.html");

To copy to clipboard, switch view to plain text mode

and launch the app in C:/HTMLViewer/html

C:/HTMLViewer/html> ..\app.exe

Now that I take a look at QWebView docs, it seems that setHtml() takes an optional baseUrl parameter. Did you pass anything as baseUrl? All the relative paths are clearly relative to this baseUrl.

**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

**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

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

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

Similar Threads

about qt/embedded widgets showing in ARM platform

Problem showing raw images

Bookmarks

Bookmarks

Posting Permissions