如何在ASP.NET MVC中应用脚本和样式后从HTML视图生成PDF

时间:2014-11-11 11:36:57

标签: c# asp.net asp.net-mvc razor pdf-generation

我想生成我的View的HTML以生成PDF文档。它在浏览器中打开时应用了样式和脚本。 我尝试了以下代码,但它只在脚本修改之前提供了html视图。 在像文本这样的脚本修改改变后,我需要获取视图的HTML。

public string RenderRazorViewToString(string viewName, object model)
{
        ViewData.Model = model;
        using (var sw = new StringWriter())
        {
            var viewResult = ViewEngines.Engines.FindPartialView(ControllerContext,
                                                                     viewName);
            var viewContext = new ViewContext(ControllerContext, viewResult.View,
                                         ViewData, TempData, sw);
            viewResult.View.Render(viewContext, sw);
            viewResult.ViewEngine.ReleaseView(ControllerContext, viewResult.View);
            return sw.GetStringBuilder().ToString();
        }
}

3 个答案:

答案 0 :(得分:1)

我不妨发表评论作为答案......

Razor / ASP.Net只生成源,而不是执行客户端脚本。您需要使用模拟Web浏览器的内容将客户端脚本转换为呈现的PDF。

这意味着它需要理解脚本样式(即就像浏览器一样)。

有几种商业产品,但我亲自使用Essential Objects PDF converter生成直接PDF的视图。它有一个内置的Javascript引擎,所以看起来就像在浏览器中一样。

请注意,这些产品非常复杂(因为它们包括完整的浏览器渲染引擎),因此大多数都需要付费许可证(至少用于商业用途)。

注意:我与Essential Objects无关。这纯粹基于该产品的实际使用意见。

答案 1 :(得分:0)

我发现并用于生成javascript和样式渲染视图或html页面的PDF的最佳工具是 phantomJS

使用示例文件夹的exe根目录中的 rasterize.js 函数下载.exe文件,并将其放入解决方案中。

以下代码生成PDF文件:

 public ActionResult DownloadHighChartHtml()
    {
        string serverPath = Server.MapPath("~/phantomjs/");
        string filename = DateTime.Now.ToString("ddMMyyyy_hhmmss") + ".pdf";
        string Url = "http://wwwabc.com";

        new Thread(new ParameterizedThreadStart(x =>
        {
            ExecuteCommand(string.Format("cd {0} & E: & phantomjs rasterize.js {1} {2} \"A4\"", serverPath, Url, filename));
                               //E: is the drive for server.mappath
        })).Start();

        var filePath = Path.Combine(Server.MapPath("~/phantomjs/"), filename);

        var stream = new MemoryStream();
        byte[] bytes = DoWhile(filePath);

        Response.ContentType = "application/pdf";
        Response.AddHeader("content-disposition", "attachment;filename=Image.pdf");
        Response.OutputStream.Write(bytes, 0, bytes.Length);
        Response.End();
        return RedirectToAction("HighChart");
    }



    private void ExecuteCommand(string Command)
    {
        try
        {
            ProcessStartInfo ProcessInfo;
            Process Process;

            ProcessInfo = new ProcessStartInfo("cmd.exe", "/K " + Command);

            ProcessInfo.CreateNoWindow = true;
            ProcessInfo.UseShellExecute = false;

            Process = Process.Start(ProcessInfo);
        }
        catch { }
    }


    private byte[] DoWhile(string filePath)
    {
        byte[] bytes = new byte[0];
        bool fail = true;

        while (fail)
        {
            try
            {
                using (FileStream file = new FileStream(filePath, FileMode.Open, FileAccess.Read))
                {
                    bytes = new byte[file.Length];
                    file.Read(bytes, 0, (int)file.Length);
                }

                fail = false;
            }
            catch
            {
                Thread.Sleep(1000);
            }
        }

        System.IO.File.Delete(filePath);
        return bytes;
    }

答案 2 :(得分:-2)

如果您希望用户下载渲染页面的pdf,则问题的最简单解决方案是

window.print(); 

在客户端,它将提示用户保存当前页面的pdf。 您还可以通过链接样式

来自定义pdf的外观
<link rel="stylesheet" type="text/css" href="print.css" media="print">

print.css在打印时应用于html。

<强>限制

  1. 您无法在服务器端存储文件。
  2. 打印页面的用户提示,而不是手动保存页面。
  3. 页面必须在标签中呈现。