Rendering Image in PDF conversion

Reply

Member

66 Points

Rendering Image in PDF conversion

Oct 28, 2020 09:53 AM|georgeakpan233|LINK

I have a code that converts web page to PDF. How can image be rendered in this code that converts web page content to PDF?

protected void Button2_Click(object sender, EventArgs e)
    {
        string fileName = "Invoice" + DateTime.Now.ToString() + ".pdf";


        StringWriter sw = new StringWriter();
        HtmlTextWriter hw = new HtmlTextWriter(sw);
        Panel1.RenderControl(hw);
        StringReader sr = new StringReader(sw.ToString());
        Document pdfDoc = new Document(PageSize.A4, 10f, 10f, 10f, 10f);
        PdfWriter PdfWriter = PdfWriter.GetInstance(pdfDoc, Response.OutputStream);
        HtmlPipelineContext htmlContext = new HtmlPipelineContext(null);
        htmlContext.SetTagFactory(Tags.GetHtmlTagProcessorFactory());
        ICSSResolver cssResolver = XMLWorkerHelper.GetInstance().GetDefaultCssResolver(false);
        cssResolver.AddCssFile(Server.MapPath("~/css/style2.css"), true);
        IPipeline pipeline = new CssResolverPipeline(cssResolver, new HtmlPipeline(htmlContext, new PdfWriterPipeline(pdfDoc, PdfWriter)));
        var worker = new XMLWorker(pipeline, true);
        var xmlParse = new XMLParser(true, worker);
        pdfDoc.Open();
        xmlParse.Parse(sr);
        xmlParse.Flush();
        pdfDoc.Close();
        Response.ContentType = "application/pdf";
        Response.AddHeader("content-disposition", "attachment; filename=" + fileName + ";");
        Response.Cache.SetCacheability(HttpCacheability.NoCache);
        Response.Write(pdfDoc);
        Response.End();
    }

Reply

kyle0418

Member

40 Points

17 Posts

Re: Rendering Image in PDF conversion

Oct 29, 2020 09:23 AM|kyle0418|LINK

Did you want to print the image in exported pdf?

Here is a simple demo you can refer to.

protected void btnExport_Click(object sender, EventArgs e)
{
    Response.ContentType = "application/pdf";
    Response.AddHeader("content-disposition", "attachment;filename=TestPage.pdf");
    Response.Cache.SetCacheability(HttpCacheability.NoCache);
    StringWriter sw = new StringWriter();
    HtmlTextWriter hw = new HtmlTextWriter(sw);
    this.Page.RenderControl(hw);
    StringReader sr = new StringReader(sw.ToString());
    Document pdfDoc = new Document(PageSize.A4, 10f, 10f, 100f, 0f);
    PdfWriter writer = PdfWriter.GetInstance(pdfDoc, Response.OutputStream);
    pdfDoc.Open();
    XMLWorkerHelper.GetInstance().ParseXHtml(writer, pdfDoc, sr);
    pdfDoc.Close();
    Response.Write(pdfDoc);
    Response.End();
}

Please notice that you need to set the image url with full absolute path(contains “http://”), like

<img src="http://www.thedomain.com/images/test.png" /><br />

Or,

<img src="@System.Web.HttpContext.Current.Server.MapPath("~/images/test.png")" />

Reply

georgeakpan2...

Member

66 Points

175 Posts

Re: Rendering Image in PDF conversion

Oct 29, 2020 10:20 AM|georgeakpan233|LINK

Hi kyle0418,

kyle0418
Please notice that you need to set the image url with full absolute path(contains “http://”)

I know about setting the full image url, but that is only when the image is in the image folder of the project, where the full path can be gotten. But the thing is, in my Web page the image will be uploaded on to the page; it is not going to be from the image folder. So the image url is unknown since the user will only upload it. In this case which url will be used please, or is there any other way to render image in PDF with full image path where image is uploaded from client/user side?

Reply

KathyW

Contributor

5921 Points

2450 Posts

Re: Rendering Image in PDF conversion

Oct 29, 2020 06:04 PM|KathyW|LINK

"So the image url is unknown since the user will only upload it. "

Upload it to where?

Reply

georgeakpan2...

Member

66 Points

175 Posts

Re: Rendering Image in PDF conversion

Oct 29, 2020 06:56 PM|georgeakpan233|LINK

KathyW
Upload it to where?

Upload it to an image control, using fileupload button

Reply

KathyW

Contributor

5921 Points

2450 Posts

Re: Rendering Image in PDF conversion

Oct 30, 2020 02:19 AM|KathyW|LINK

Fileupload - save it to a folder in your site, then display it. What are you doing now?

Reply

georgeakpan2...

Member

66 Points

175 Posts

Re: Rendering Image in PDF conversion

Oct 30, 2020 04:21 AM|georgeakpan233|LINK

I thought that after uploading an image file to an image control and the image displays, then click on a button to convert to PDF, the image will be displayed in the PDF