base64文件流转换成pdf格式下载/打印，兼容IE浏览器

最新推荐文章于 2026-03-24 17:37:13 发布

原创

最新推荐文章于 2026-03-24 17:37:13 发布 · 2.9k 阅读

标签

#javascript #vue #html5 #base64

收录于

本文介绍如何将后端返回的Base64文件流转换为PDF格式，并在包括IE浏览器在内的多种浏览器中实现打印。通过前端代码处理，确保了跨浏览器的兼容性。

需求: 后端返回的是一个base64的文件流，需要前端自行处理，把它处理成PDF格式并在浏览器中打印出来

代码：

getPrint(data).then(res => {
   
   
   const URL = this.dataURLtoBlob(res.data) // res.data是后端返回的base64流
   const reader = new FileReader()
   reader.readAsDataURL(URL)
   reader.onload = function

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Scholar___

关注关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

base64转PDF文件

04-04

C#,Base64转PDF文件，public void Base64StringToFile(string strbase64, string strurl)

2 条评论您还未登录，请先登录后发表或查看评论

Base64 转 PDF 的 JavaScript 编程

CodeGu的博客

09-27

1821

在这篇文章中，我将向您介绍如何使用 JavaScript 将 Base64 编码的字符串转换为 PDF 文件。通过使用上述的 JavaScript 代码，您可以将 Base64 编码的字符串转换为 PDF 文件，并通过浏览器下载保存到本地。请注意，这段代码在浏览器环境中运行，因此应将其包含在适当的 HTML 文件中，并确保在 DOM 加载完成后执行。首先，将您的 Base64 字符串替换为实际的 Base64 编码的字符串，这是您要转换为 PDF 的数据。首先，使用 JavaScript 的。

base64 转 pdf

随风奔跑的专栏

08-03

1201

工作中经常会遇到一些签名的pdf传输，一般都是base64编码，这样就需要我们手动转为pdf，其实根本不需要自己使用pdf的库写入，只是数据的简单写入就行。

在线进行PDF与Base64互转实践指南 —— 浏览器快速处理文档编码数据

最新发布

tds_ay的博客

03-24

1444

PDF 与 Base64 互转是一种将文件转换为文本或将文本恢复为文件的方式，常用于临时保存文档内容或查看 Base64 数据。通过浏览器在线工具可以快速完成 PDF 转 Base64 或 Base64 转 PDF 操作，无需安装软件，打开页面即可使用。本文从基础概念和实际使用角度介绍了 PDF 与 Base64 互转的理解方式和操作流程，帮助用户更轻松地完成文档转换。

前端base64文件流转PDF并下载

h3j4b9的博客

03-07

2115

前端base64文件流转PDF并下载

Base64编码转换为PDF文件的实现与解析

qq_45519030的博客

08-09

8381

（Base64 编码字符串）和（输出 PDF 文件路径）。通过上述代码，我们可以将 Base64 编码转换为 PDF 文件，并保存到指定路径。完整代码请前往链接t=N7T8。

前端将base64转换成pdf

qq_40263124的博客

01-16

5348

前端将base64转换成pdf

前端PDF批量打印实战：Base64流转与print.js应用

weixin_27943395的博客

03-07

199

本文详细介绍了前端实现PDF批量打印的实战方案。针对后端返回Base64编码PDF流的前端处理场景，文章深入解析了Base64与Blob的转换原理，并提供了利用print.js库实现自动化、顺序化批量打印的完整代码示例与避坑指南。该方案将复杂的PDF合并与处理逻辑交由后端，前端专注于轻量的解码与打印触发，架构清晰且性能更优。

从Base64到批量打印：前后端协作下的PDF处理实战

weixin_29008805的博客

03-11

349

本文详细解析了前后端协作处理PDF批量打印的实战方案。后端使用iText或PDFBox生成、合并PDF并编码为Base64字符串，前端则负责解码、转换为Blob对象，并利用iframe或print-js库实现可靠的批量打印。文章重点探讨了Base64传输、内存优化、打印队列构建及多浏览器兼容性等核心挑战与解决方案。

vue base64导出（pdfexcel ）打印（pdf）

热门推荐

m0_46872814的博客

06-02

2万+

vue base64导出（pdfexcel ）打印（pdf）使用场景1.在src/utils下创建filePrintAndDownload.js文件1.在页面中使用使用场景后端返回是base64格式的json数据，前端需要将base64转换成Blod 1.在src/utils下创建filePrintAndDownload.js文件 //best64转Blob const dataURLtoBlob = function (baseData) { var bstr = atob(baseDat

通过pdfjs实现在VUE-CLI中进行PDF预览，并禁用打印及下载功能

qq_24800489的博客

06-02

6443

官网：PDF.js官方demo：PDF.js viewer下载本文主要针对vue-cli4版本的文件因为pdf.js是不支持跨域文件加载的直接加载是不会成功的。会报 “file origin doesnot match viewer”错误，所以需要把viewer.js文件内的抛出错误这一行报错注释掉既然是新框架，肯定想先玩玩试试效果，很简单，页面放一个iframe，然后src等于到viewer.html的public路径，直接（pdfjs/***）即可。效果就跟官方

vue HTML网页生成PDF格式

qq_41409679的博客

12-05

6533

根据公司需求需要将vue项目中的HTML页面转成PDF格式。炒鸡简单。。。大概思路 => 就是将页面转换成图片格式 .然后通过图片的base64码生成PDF格式保存到本地。在我们的搭建好的 vue 项目中需要两个插架 1、下载 html2canvas和jspdf 两个插件 npm install --save html2canvas npm instal...

PDF处理控件Aspose.PDF功能演示：使用Java将Base64字符串转换为PDF/JPG/PNG图像

励志做最业余的专业博主，控件产品可以私我~

07-28

4293

Base64字符串以ASCII格式显示数据。它很流行在HTML网页或样式表中嵌入嵌入式图像和其他信息。在本文中，将学习使用Java 将Base64字符串转换为PDF或JPG和PNG之类的图像。

简单的base64转pdf

qq_45338391的博客

03-08

1万+

d盘中的aaa.txt内容为base64格式。

Base64转PDF方法

weixin_59835019的博客

11-21

1984

/ atob() 方法用于解码使用 base-64 编码的字符串。// 如果窗口打开成功，在新窗口中加载一个包含iframe的页面。//content是base64格式。// 使用PDF.js加载PDF。方法二、embed或者iframe。//code是base64格式。// 打开一个新窗口或新标签页。// 写入HTML到新窗口中。// 窗口打开失败的处理逻辑。方法三、pdf.js实现。// 预览PDF的函数。方法一、blob实现。

base64字符串转PDF文件

Hunipei的博客

05-04

2695

pdf base64

base64在线预览pdf

李水灵的博客

01-16

2万+

pdf.js下载地址 http://mozilla.github.io/pdf.js/ 建议翻墙下载，我用公司网下载不下来。下载稳定版本，也可以使用cnd 此时，可以直接打开本地的pdf文件。但是注意，pdf这类文件会跨域，所以必须放到服务器上才可以预览。直接从本地打开web/viewer.html文件放到服务器上就是http://mozilla.github.io/pdf.js/...

pdf.js跨域请求pdf文件_以文件流方式

李天宇的博客

02-20

2101

使用前端插件pdf.js 在h5页面在线浏览pdf文件，与之前使用不一样得地方是，pdf文件存放在其他服务器，还按照原来使用得方法果不其然得报错，跨域了，网上目前找的办法中，说的最多得，是把判断跨域得js代码给注释了，就是这段 if (origin !== viewerOrigin && protocol !== 'blob:') { throw new Error('file origin does not match viewer\'s'); } 然而，没屌用，不知道是我版本得问题

SAP CRM WebClient UI 里实现 PDF 内嵌预览的简洁方案

2007 年 ~ 2025 年，深耕 SAP 技术 18 年

05-20

215

创建接口使用事务码SFP，新建接口，接口类型选，示例里只定义两个参数NAME和SCORE，便于演示。设计模板同样在 SFP 里基于接口生成模板，拖两个文本字段，占个位即可。此模板生成后的函数名可用获得。激活并记下接口与模板名称，后续 ABAP 调用时用得到。实战提示：模板无需复杂排版；只要能输出 PDF 字节流即可，因为最终显示由浏览器控件完成，而非 Adobe Viewer。

将Vue页面导出为pdf格式并进行下载

weixin_44117767的博客

02-09

518

1.使用npm下载两个插件 a.将html页面转换成图片 npm install --save html2canvas b.将图片生成pdf npm install jspdf --save 2.在utils文件夹中创建一个名字叫个htmlToPdf.js的文件，内容如下： // 导出页面为PDF格式 import html2Canvas from 'html2canvas'; import JsPDF from 'jspdf'; export default { install(Vue, opti