Question

我有一个相当简单的HTML页面通过asp.net呈现。通过 HtmlRenderer.PdfSharp 运行后，它在PDF中看起来很漂亮，除了图像不会出现。只是PDF中缺少图像的红色X，即使网页本身确实正确显示图像。

这是我的HtmlRenderer.PdfSharp代码：

public void BuildPDF( string url, string pdfPath ) {
   string html = GetHTML(url);
   Byte[] res = null;
   using( MemoryStream ms = new MemoryStream() ) {
      using( FileStream file = new FileStream(pdfPath, FileMode.Create, FileAccess.Write) ) {
         byte[] bytes = new byte[ms.Length];
         var pdf = TheArtOfDev.HtmlRenderer.PdfSharp.PdfGenerator.GeneratePdf(html, PdfSharp.PageSize.A4);
         pdf.Save(ms);
         res = ms.ToArray();
         file.Write(res, 0, res.Length);
         ms.Close();
      }
   }
}

private string GetHTML(string url) {
   string html = string.Empty;
   HttpWebRequest request = (HttpWebRequest)WebRequest.Create(url);
   request.AutomaticDecompression = DecompressionMethods.GZip;

   using( HttpWebResponse response = (HttpWebResponse)request.GetResponse() )
   using( Stream stream = response.GetResponseStream() )
   using( StreamReader reader = new StreamReader(stream) ) {
      html = reader.ReadToEnd();
   }

   return html;
}

以下是在PDF中无法呈现的img HTML：<img src="images/ChartImg.png" />

我该如何解决这个问题？

Answer 1

使用图像的绝对路径。

<img src="http://example.org/images/ChartImg.png" />

您可以解析html并在将其传递给pdf转换器之前先进行字符串替换。

Answer 2

以下代码：

var pdf = PdfGenerator.GeneratePdf(Html, PageSize.A4, 20, null, OnStylesheetLoad, OnImageLoadPdfSharp);
... ...
public static void OnImageLoadPdfSharp(object sender, HtmlImageLoadEventArgs e)
{
    var url = e.Src;
    if (!e.Src.StartsWith("http://") && !e.Src.StartsWith("https://"))
    {
        var ImgFilePath = System.Web.HttpContext.Current.Server.MapPath(url);
        if (XImage.ExistsFile(ImgFilePath))
            e.Callback(XImage.FromFile(ImgFilePath));
        var ImgFilePath2 = System.Web.HttpContext.Current.Server.MapPath(url);
        if (XImage.ExistsFile(ImgFilePath2))
            e.Callback(XImage.FromFile(ImgFilePath2));
    }
    else
    {
        using (var client = new WebClient())
        {
            using (var stream = new MemoryStream(client.DownloadData(url)))
            {
                e.Callback(XImage.FromStream(stream));
            }
        }
    }
}

Answer 3

最好为此使用图像分辨率回调：

var pdf = PdfGenerator.GeneratePdf(html, pdfConfig, imageLoad: OnImageLoad);

// snip

private void OnImageLoad(object sender, HtmlImageLoadEventArgs e)
{
    using (var client = new WebClient())
    {
        var url = e.Src;
        if (!e.Src.StartsWith("http://") && !e.Src.StartsWith("https://"))
        {
            url = Properties.Settings.Default.BaseUrl.TrimEnd('/') + e.Src;
        }
        using (var stream = new MemoryStream(client.DownloadData(url)))
        {
            e.Callback(XImage.FromStream(stream));
        }
    }
}

Answer 4

我迟到了您的问题，但这也许会对其他人有所帮助。

我使用了绝对URL，它们是正确的。当我在浏览器中打开html文件时，图像已正确加载。

但是，在我将此html转换为pdf之后，它们并未加载。所以我尝试使用像@ohjo建议的图像分辨率回调。此处发生异常：远程主机强行关闭了现有连接。

我能够解决此问题，但又增加了一行，将SecurityProtocol设置为此解决方案：

var pdf = PdfGenerator.GeneratePdf(Html, PageSize.A4, 20, null, OnStylesheetLoad, OnImageLoadPdfSharp);
... ...
public static void OnImageLoadPdfSharp(object sender, HtmlImageLoadEventArgs e)
{
    var url = e.Src;
    if (!e.Src.StartsWith("http://") && !e.Src.StartsWith("https://"))
    {
        var ImgFilePath = System.Web.HttpContext.Current.Server.MapPath(url);
        if (XImage.ExistsFile(ImgFilePath))
            e.Callback(XImage.FromFile(ImgFilePath));
        var ImgFilePath2 = System.Web.HttpContext.Current.Server.MapPath(url);
        if (XImage.ExistsFile(ImgFilePath2))
            e.Callback(XImage.FromFile(ImgFilePath2));
    }
    else
    {
        using (var client = new WebClient())
        {
            ServicePointManager.SecurityProtocol = SecurityProtocolType.Tls12;
            using (var stream = new MemoryStream(client.DownloadData(url)))
            {
                e.Callback(XImage.FromStream(stream));
            }
        }
    }
}

图像不以PDF格式显示

4 个答案: