html生成PDF，预览，下载

最新推荐文章于 2024-05-09 18:29:01 发布
最新推荐文章于 2024-05-09 18:29:01 发布
阅读量789 收藏 1
点赞数
分类专栏： java html 文章标签： java html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CSDN_WXQ/article/details/105288986
版权
java 同时被 2 个专栏收录
8 篇文章 0 订阅
订阅专栏
html
2 篇文章 0 订阅
订阅专栏

业务需求：

  • 生成点击行的PDF，下载和预览功能
  • 预览可选择PDF或者html原界面，下载必须时PDF

预览功能：
采用Freemarker技术，生成静态化界面
编写模板，获取模型数据，生成静态化页面，将页面转换成流返回前端展示

	/*预览*/
    function preview() {
        window.open('你的后台路径'};

/*
     * @Author Wu
     * @Description //TODO 预览
     * @Param [contracNo, model]
     * @return java.lang.String
     */
    @RequestMapping("/contractpreview")
    public String contractPreview(Model model) {
        //获取数据模型 根据合同号和当前登录人的UUID组合查询合同信息
      Student stu = new Student();
      stu.setName("张三");
        model.addAttribute("model", stu);
        return "template";
    }

<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<head>
    <meta charset="UTF-8">
    <title>合同预览</title>

</head>
<body>
<p align="center" style='font-size:22px'>
   ${model.stu.name};
</p>
</body>
</html>

以上是获取模型数据，将数据返回给模板界面。 你也可以选择获取数据和模板文件，使用freemarker将界面静态化好，返回给前端一个文件流

PDF生成下载功能：

  1. 获取数据模型
  2. 或者模板文件
  3. 执行静态化，返回HTM界面字符串
  4. 将HTML界面字符串生成PDF文件
	/*下载*/
    function download(){
    //同界面操作
        window.location.href="下载的URL";
    }

/*
     * @Author Wu
     * @Description //TODO 下载
     * @Param [contracNo]
     * @return org.springframework.http.ResponseEntity<byte[]>
     */
    @RequestMapping("/download")
    public ResponseEntity<byte[]> download(String contracNo) {
    	//声名一个存放生成好的PDF文件的路径
 		String str = this.getClass().getResource("/").getPath() + "template/";
        HttpHeaders httpHeaders = new HttpHeaders();
       
        //获取数据模型
        Student stu = new Student();
      	stu.setName("张三");
      	//每次生成文件之前删除该路径下的.PDF文件，因为该文件不需要存储，只为了临时存储进行读取
        if(!deleteSuffix(new File(str))){
            //下载失败返回
            httpHeaders.add("Content-Disposition","attachment;filename=error.log");
            return new ResponseEntity<byte[]>(("文件删除失败，联系管理员,filename:"+ wm.getContractUuid() + ".pdf").getBytes(),httpHeaders,HttpStatus.OK);
        }
        
        String pdfName = str + "自己选择文件名" + ".pdf";
        //避免异常，如果文件夹不存在，则创建
        createFiles(str);
        try {
            //转换Map
            Map<String, Object> stringObjectMap = beanToMap(stu );
            //获取页面模板信息
            InputStream resourceAsStream = getClass().getClassLoader().getResourceAsStream("template/template.html");
            //文件内容ToString
            String templateStr = IOUtils.toString(resourceAsStream, "utf-8");
            //通过模板和模型生成静态化html并且传换字符串
            String successHtmlStr = generateHtml(templateStr, stringObjectMap);
            HtmlToPdfUtils.htmlStrToPdf(pdfName, successHtmlStr);
            File filePdf = new File(pdfName);
            httpHeaders.setContentDispositionFormData("attachment", java.net.URLEncoder.encode(filePdf.getName(), "UTF-8"));
            httpHeaders.setContentType(MediaType.parseMediaType("application/pdf"));

            return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(filePdf),
                    httpHeaders,
                    HttpStatus.CREATED);
        } catch (Exception e) {
            e.printStackTrace();
        }
        //下载失败返回
        httpHeaders.add("Content-Disposition", "attachment;filename=error.log");
        return new ResponseEntity<byte[]>(("文件下载失败,filename:" + wm.getContractUuid() + ".pdf").getBytes(), httpHeaders, HttpStatus.OK);
    }

	//执行静态化
    private String generateHtml(String templateContent, Map contarct) {
        //创建配置对象
        Configuration configuration = new Configuration(Configuration.getVersion());
        //创建模板加载器
        StringTemplateLoader stringTemplateLoader = new StringTemplateLoader();
        stringTemplateLoader.putTemplate("template", templateContent);
        //向configuration配置模板加载器
        configuration.setTemplateLoader(stringTemplateLoader);
        try {
            Template template = configuration.getTemplate("template");
            //调用api进行静态化
            String content = FreeMarkerTemplateUtils.processTemplateIntoString(template, contarct);
            return content;
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }


//删除指定后缀名的文件
    private static boolean deleteSuffix(File f) {
        File[] fi=f.listFiles();
        if(fi!=null){
            for (File file : fi) {
                if(file.isDirectory()){
                    deleteSuffix(file);
                }else if(file.getName().substring(file.getName().lastIndexOf(".")+1).equals("pdf")){
                    System.out.println("成功删除"+file.getName());
                    file.delete();

                }
                return true;
            }
            return false;
        }
        return true;
    }

public static String createFiles(String fileName) {
//        String path = this.getClass().getResource("/").getPath();
        File file = new File(fileName);
        if (file.exists()) {
            if (file.isDirectory()) {
                System.out.println("dir exists");
                return fileName;
            } else {
                System.out.println("the same name file exists, can not create dir");
                return fileName;
            }
        } else {
            System.out.println("dir not exists, create it ...");
            file.mkdir();
            return fileName;
        }

    }

生成PDF的工具类

public class HtmlToPdfUtils{

    /**
     * 根据html文件生成pdf
     * @param pdfFilePath pdf文件生成路径
     * @param htmlFilePath html文件路径
     */
    public static void htmlFileToPdf(String pdfFilePath, String htmlFilePath) {
        Document document = new Document();
        PdfWriter writer = null;
        FileOutputStream fileOutputStream = null;
        FileInputStream fileInputStream = null;
        try {
            fileOutputStream = new FileOutputStream(pdfFilePath);
            writer = PdfWriter.getInstance(document, fileOutputStream);
            // 设置底部距离60，解决重叠问题
            document.setPageSize(PageSize.A4);
            document.setMargins(50, 45, 50, 60);
            document.setMarginMirroring(false);
            document.open();
            StringBuffer sb = new StringBuffer();
            fileInputStream = new FileInputStream(htmlFilePath);
            BufferedReader br = new BufferedReader(new InputStreamReader(fileInputStream, "UTF-8"));
            String readStr = "";
            while ((readStr = br.readLine()) != null) {
                sb.append(readStr);
            }
            XMLWorkerHelper.getInstance().parseXHtml(writer, document, new ByteArrayInputStream(sb.toString().getBytes("Utf-8")), null, Charset.forName("UTF-8"), new MyFontProvider("/template/simsun.ttc,0"));
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            if (null != document) {
                document.close();
            }
            if (null != writer) {
                writer.close();
            }
            if (null != fileInputStream) {
                try {
                    fileInputStream.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            if (null != fileOutputStream) {
                try {
                    fileOutputStream.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }

    /**
     * 根据html字符串内容生成pdf
     *
     * @param pdfFilePath pdf文件存储位置
     * @param htmlcontent html内容
     */
    public static void htmlStrToPdf(String pdfFilePath, String htmlcontent) {
        Document document = new Document();
        PdfWriter writer = null;
        try {
            writer = PdfWriter.getInstance(document, new FileOutputStream(pdfFilePath));
            // 设置底部距离60，解决重叠问题
            document.setPageSize(PageSize.A4);
            document.setMargins(50, 45, 50, 60);
            document.setMarginMirroring(false);
            document.open();
            XMLWorkerHelper instance = XMLWorkerHelper.getInstance();
            instance.parseXHtml(writer, document, new ByteArrayInputStream(htmlcontent.getBytes("UTF-8")), null, Charset.forName("UTF-8"), new MyFontProvider("/template/simsun.ttc,0"));
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            if (null != document) {
                document.close();
            }
            if (null != writer) {
                writer.close();
            }
        }
    }

    public static void main(String[] args) {
        try {
            // 本地
//            String htmlFile = "C:\\test.html";
            String pdfFile = "abc.pdf";
            String htmlContent = "<html xmlns='http://www.w3.org/1999/xhtml'><head><meta charset='UTF-8'/><title>预览</title></head><body><p align='center' style='font-size:22px'>中文English</p><table width='100%' style='font-size:12px;'><tr width='100%'><td width='50%' align='left' valign='top'>ZXCZXCVXCV啊阿斯顿<br/></td></tr></table></body></html>";
            htmlStrToPdf(pdfFile,htmlContent);
//          htmlFileToPdf(pdfFile,htmlFile);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

}

字体类：
public class MyFontProvider  extends XMLWorkerFontProvider {

    private String fontPath;

    public MyFontProvider(String filePath) {
        this.fontPath = filePath;
    }

    @Override
    public Font getFont(final String fontname, final String encoding, final boolean embedded, final float size, final int style, final BaseColor color) {
        BaseFont bf = null;
        try {
            bf = BaseFont.createFont(fontPath, BaseFont.IDENTITY_H, BaseFont.NOT_EMBEDDED);
        } catch (DocumentException | IOException e) {
            e.printStackTrace();
        }
        Font font = new Font(bf, size, style, color);
        font.setColor(color);
        return font;
    }
}

注意要下载字体文件simsun.ttc或者simsun.ttf

POM文件如下：

<!--静态化-->
      <dependency>
          <groupId>org.freemarker</groupId>
          <artifactId>freemarker</artifactId>
          <version>2.3.23</version>
      </dependency>
      <!--PDF-->
      <dependency>
          <groupId>org.xhtmlrenderer</groupId>
          <artifactId>core-renderer</artifactId>
          <version>R8</version>
      </dependency>
      <dependency>
          <groupId>commons-codec</groupId>
          <artifactId>commons-codec</artifactId>
      </dependency>

      <dependency>
          <groupId>com.itextpdf</groupId>
          <artifactId>itextpdf</artifactId>
          <version>5.5.1</version>
      </dependency>
      <dependency>
          <groupId>com.itextpdf.tool</groupId>
          <artifactId>xmlworker</artifactId>
          <version>5.5.9</version>
      </dependency>
帅是一辈子的事
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信公众号HTML5如何预览EXCEL、word、ppt、pdf等文件
qq_44253268的博客
07-19 3003
这种方式在不同浏览器上表现不一样，部份手机浏览器直接不能直接不能打开或是表现为下载，基本不实用,如果预览PDF,可以使pdf.js这样的纯JS库但是实际场景用时要做各种格式判断浏览判断麻烦死了。//本页面内跳转链接实现预览。//本页面内跳转链接实现预览。// 示例 url，实际不存在。
HTML页面导出为PDF完整指南（实现篇）
Cipher_Y的博客
08-03 3199
基于puppeteer无头浏览器的页面导出方案可以有效解决iframe空白问题；获取页面实际内容高度可以通过Page.evaluate()方法，其可以执行任意脚本，比如导出的时候给页面添加水印；使用单例模式创建Browser实例可以有效提高性能；goto方法的waitUntil参数不一定可靠，可以搭配自定义算法实现页面完全加载检测；对于页面边界内容，导出时存在被截断风险，可以配置scale < 1，将页面内容完全打印到PDF里。puppeteerexpresspuppeteer使用技巧。
本地html生成pdf文件，下载、预览
最新发布
weixin_43871341的博客
05-09 147
使用时需要传入需要生成pdf的dom。
保存html页面,生成PDF文件
m0_43451420的博客
08-09 123
对html页面的内容保存到本地
将html（JSP）生成PDF，并可以在浏览器下载
Dcocount的博客
03-26 3227
使用itext 将html（JSP）生成PDF，并可以在浏览器下载 其实主要是html生成pdf，jsp想要生成pdf的话需要将jsp动态生成一个html，在将html转成pdf。因为jsp包含有标签头 <%@ page contentType="text/html;charset=UTF-8" language="java" %> itext 无法识别这个，就会报错。所以最好...
浏览器中把HTML转为PDF的几种方式
qq_43657722的博客
01-15 8387
浏览器中把HTML转为PDF的几种方式
HTML+JS实现网页导出pdf（代码示例）
mangobot的博客
03-25 1525
html页面导出PDF的功能，是常见的需求，下面以实际代码实现。 需要引入的JS： https://cdn.bootcss.com/jspdf/1.5.3/jspdf.debug.js https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
html5预览pdf文档
08-26
总的来说，这个HTML5预览PDF文档的示例展示了如何利用现代Web技术实现浏览器内无插件的PDF预览。它利用了`fetch` API、Blob对象和`<iframe>`元素，确保了跨域兼容性和良好的用户体验。对于任何需要在网页中展示PDF的...
html文件生成pdf文件
05-27
HTML文件生成PDF是一种常见的需求，尤其在Web应用中，用户可能需要将网页内容保存为PDF格式以便打印或离线阅读。本资源提供的方法是通过客户端JavaScript实现这一功能，避免了服务器端处理的压力，提高了用户体验。 ...
tcpdf HTML生成pdf
01-31
如果要从HTML生成PDF，可以使用`writeHTMLCell`方法。例如，假设我们有一个HTML字符串 `$html`： ```php $html = '我的HTML内容</h1><p>这是描述性文字。</p>'; ``` 将其写入PDF： ```php $pdf->writeHTMLCell(0, 0,...
js实现html中的pdf文件的在线预览、下载、打印等功能
07-06
3. **jsPDF**：虽然主要用于生成PDF，但jsPDF也可以用于预览PDF，特别是当需要在客户端生成或编辑PDF时。 二、在线预览PDF 使用PDF.js实现在线预览的步骤如下： 1. **引入PDF.js库**：在HTML文件中，添加PDF.js库...
java的html转pdf
07-05
java实现html转pdf，包括解决base64图片以及中文不显示问题
java将html内容生成pdf（无水印）
05-26
此项目用pd4ml_demo.jar将html代码转换成pdf格式的文档，并不是将html页面生成pdf，并且解决了中文乱码的问题
thymeleaf框架通过java渲染html生成pdf
10-08
在这个场景中，我们探讨如何利用Thymeleaf与Java技术相结合，生成HTML并进一步转换为PDF文件，以便在浏览器中预览或者下载。这个过程通常应用于生成报告、发票或其他需要以结构化文档形式呈现的数据。 首先，让我们...
将HTML页面自动保存为PDF文件并上传的两种方式（一）-前端（react）方式
weixin_34051201的博客
10-17 1262
一、业务场景 　　公司的样本检测报告以React页面的形式生成，已调整为A4大小的样式并已实现分页，业务上需要将这个网页生成PDF文件，并上传到服务器，后续会将这个文件发送给客户（这里不考虑）。 二、原来的实现形式 　　浏览器原生方法：window.print()可以将网页保存为PDF文件，由于检测报告的网页已经调整为A4的样式，所以保存下来后即是一个标准的PDF文档，然后将保存下来的PDF文件上...
Html转PDF，前端JS实现Html页面导出PDF（html2canvas+jspdf）
热门推荐
qq_45830276的博客
12-10 1万+
当我们在不想改变后端代码的同时想是纯html页面导出PDF，那么（html2canvas+jspdf）就是无疑最好的选择，导出时它不占用我们服务器的资源，而是由用户本地自行执行js文件下载PDF，不占用我们系统的带宽，所以这无非是最好的选择方式
保存html为pdf,将网页保存为PDF的几种方法
weixin_39629989的博客
06-10 2423
方法一 虚拟打印机打印(1)优点：字体正常、公式正常、文字可选不足：链接失效优点：字体正常、公式正常、文字可选工具：IE 浏览器Foxit Reader PDF Printer步骤：1.在网页空白处单击右键，选择“打印”。2.在“打印”对话框中选择打印机，这里笔者使用的是Foxit Reader PDF Printer，点击最下面“打印”按钮。3.在接下来的对话框中选择文件的输出路径以及名称，之...
Javascript 将html转成pdf,下载,支持多页哦（html2canvas 和 jsPDF）
weixin_34162695的博客
04-26 1615
最近碰到个需求，需要把当前页面生成pdf，并下载。弄了几天，自己整理整理，记录下来，我觉得应该会有人需要 ：） 项目源码地址：https://github.com/linwalker/... html2canvas 简介 我们可以直接在浏览器端使用html2canvas,对整个或局部页面进行‘截图’。但这并不是真的截图，而是通过遍历页面D...
html 图片下载浏览器默认会打开新页面预览图片解决方案
qq_37708668的博客
09-29 5481
我们使用a标签下载图片的时候，浏览器默认会打开新窗口预览该图片，无法调用浏览器下载。 解决方案1：前端在a标签加入download指定图片下载，但是有兼容性，并且限制也比较多 解决方案2：使用浏览器自带指令 SaveAs 来下载图片，但是这个指令兼容IE 解决方案3：后端返回图片流时，请求头需要加上 Content-Disposition:attachment; filename=“c7348b...
html2canvas 生成pdf 并预览
11-26
接下来，我们可以通过预览器内置的PDF预览功能或者其他PDF阅读器来预览生成的PDF文件。 首先，我们需要在网页中引入html2canvas和jsPDF的相关库文件，然后编写JavaScript代码来实现这一功能。我们可以先使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值