Flask+pdfkit 浏览器直接展示后端传过来的pdf进行下载

最新推荐文章于 2024-10-11 19:44:34 发布

小夕由

最新推荐文章于 2024-10-11 19:44:34 发布

阅读量886

点赞数

分类专栏：前端文章标签： javascript python flask

本文链接：https://blog.csdn.net/qq_40974751/article/details/114375437

版权

本文介绍了如何在已连接的前端和后端环境中，利用JavaScript和Flask框架，通过pdfkit生成PDF并在浏览器中直接预览。前端通过Blob处理数据，后端接收内容并生成PDF，最后前端通过axios获取响应，实现点击下载时自动展示由后端生成的PDF文件。

摘要由CSDN通过智能技术生成

前提

前端与后端已经连通，前端通过Blob的方式来进行文件的预览

前端传给后端需生成的pdf内容为获取网页的方式 innerHTML/outerHTML

注意加上
字符串拼接的方式（最为直接）

 let body=document.getElementById("PDF").outerHTML;
 let mycontent='<html><head><meta name="pdfkit-page-size" content="Legal"/><meta name="pdfkit-orientation" content="Portrait"/></head><body>'+body+'</body></html>'   
 let data = {
   
    "htmlstring":mycontent