how to insert an image in a QFile generated file using HTML

ManiRon

I am trying to print a Image in a QFile but its not printing and i donno what is the problem
below is my code

     QString header = "<html>\
      <body>\
       <img src = \"Logo1.png\" alt = \"Test\" >\
        </body>\
      </html>";


      QFile qHtmlFile(qFileName);
    if(qHtmlFile.open(QIODevice::ReadWrite))
       {
        QTextStream qData(&qHtmlFile);
        qRep = header;
        qTextRep.document()->setHtml(qRep);
        qData << qTextRep.document()->toHtml();

              qDebug("Report Created");
        //      qDebug()<<qRep;
    }
    else
        qDebug() <<qHtmlFile.errorString();

    qHtmlFile.close();

jsulm

@ManiRon How do you actually print? Also, you're using a relative path to the image in your HTML, depending on the current directory at runtime it will or will not be found.

ManiRon

@jsulm I have defined path also but the image is not displaying , whether we cannot display a image in a file using QFile concept?

jsulm

@ManiRon I still don't understand what exactly you're doing: first you say you want to print, now you say you want to display. Can you explain what exactly you're trying to do?
An image file is not directly part of a HTML document. A HTML document can reference images, but these images are stored in files, not in a HTML document. So, I don't know what you expect to see.

ManiRon

@jsulm

I want to create a report in which i want to display an logo . I have opened a document using Qfile and i am writing data and creating table in that file using html so similarly i want to display the logo in that file . Ya exactly i create an HTML report and want to show or display or print a logo in that file which i am not able to do

JonB

@ManiRon
Like @jsulm I am still at a loss about what you are asking. I don't know what your code is about either, it opens files (for read/write at that), then doesn't use them....

All you can do is if your HTML contains

<img src="Logo1.png" alt="Test" >

then there needs to be a file named Logo1.png in the directory where that HTML is executed from. How it gets there is irrelevant: it might be something already there, you might create it from code, I don't know, but that's what you need. QFile is not needed, and cannot somehow be "passed" to HTML.

ManiRon

@JonB said in how to insert an image in a QFile generated file using HTML:

<img src="Logo1.png" alt="Test" >

could you please give an example for printing the image using html in a html file using QFile concept in QT

jsulm

@ManiRon If you don't explain how you're showing or printing your report nobody will be able to help you...
Is this "printing" you mean

qData << qTextRep.document()->toHtml();

?
To display this report you can simply open the HTML document in a web browser (the picture must be in the same directory as the HTML document!). Or show it in Qt Web Engine.

ManiRon

@jsulm actually i might have to print some data also thats why i am asking, may be i will show my report how it looks

jsulm

@ManiRon The code you posted does not print anything (except HTML text to the console), so I'm not sure what your question currently is...
Just to be sure: by "printing" you mean print on a printer?

ManiRon

This post is deleted!

ManiRon

@jsulm No sir, I will generate a html file with that code but in that html code i want to place or display an image . I tried but its not displaying

jsulm

@ManiRon said in how to insert an image in a QFile generated file using HTML:

I tried but its not displaying

So, I guess by "displaying" you mean in a web browser?
Where exactly is the image file located? Is it in the same directory as the HTML file?

ManiRon

@jsulm yes

jsulm

@ManiRon I asked 3 questions. To which question does "yes" belong?

ManiRon

@jsulm

So, I guess by "displaying" you mean in a web browser? yes
Where exactly is the image file located? from where i am running my application
Is it in the same directory as the HTML file? No

jsulm

@ManiRon said in how to insert an image in a QFile generated file using HTML:

Is it in the same directory as the HTML file? No

Well, then I would say this is the problem (and I already said that before: "the picture must be in the same directory as the HTML document!").

ManiRon

@jsulm if i simply give this <img src="Logo1.png" alt="Test" > i have to place my image at place where i am saving my html file . But if i give the path its not accepting at all(means its not showing the image at all)

ManiRon

@jsulm
QString Header = "<img src="D:/APP/Image" alt="Test" >";

Like this if i mention its not displaying the image

jsulm

@ManiRon "i have to place my image at place where i am saving my html file" - yes!
How can web browser know where the picture is if the only information you give it is the file name without path:

<img src="Logo1.png" alt="Test" >

?! So, where should web browser look for this picture?
"But if i give the path its not accepting at all" - how do you give it the path? Please show...

ManiRon

This post is deleted!

ManiRon

@jsulm

jsulm

@ManiRon Why don't you put the image into same directory as your HTML document or into a subdirectory there? I don't see the point to spread HTML and images over completely different locations as they belong together to build a HTML page.
See https://www.w3schools.com/html/html_filepaths.asp for possibilities HTML provides.
The syntax you're using is invalid.

ManiRon

@jsulm Thank you sir , I have been giving the path wrongly , It worked below is the code i used

Important: Please read the Qt Code of Conduct - https://forum.qt.io/topic/113070/qt-code-of-conduct

how to insert an image in a QFile generated file using HTML