在开发前端应用程序时，有时需要将 HTML 内容转换为 PDF 文件以便离线使用或打印。而将 base64 字符串转换为 PDF 可以轻松地实现此目标。本文将介绍如何在客户端使用 JavaScript 将 base64 字符串保存为 PDF 文件。
步骤 1：获取 base64 字符串
首先，需要获取要保存为 PDF 的内容的 base64 字符串。这可以通过多种方式实现，比如通过 AJAX 请求从服务器获取数据或者使用浏览器提供的 API 获取当前页面的 HTML 内容并转换为 base64 字符串。
以下是一个示例代码，演示如何获取当前页面的 HTML 内容并将其转换为 base64 字符串：
-- -------------------- ---- -------
-- ------- ---- --
----- ----------- - -----------------------------------
-- -- ---------- - ---- ----- ------ ---
----- ------ - --- -------------
------------------------ ------------------- - ----- ----------- ----
---------------- - ---------- -
----- ------------ - -------------------------------
-- -------- --- ------- ------ -------
--步骤 2：将 base64 字符串转换为 PDF
接下来，需要将获取到的 base64 字符串转换为 PDF 文件。这可以通过将 base64 字符串解码为字节数组并将其传递给 Blob 构造函数来实现。然后，可以使用 URL.createObjectURL 方法创建一个指向该 Blob 的 URL，并将其赋值给 <a> 元素的 href 属性，以便用户可以单击链接下载 PDF 文件。
以下是一个示例代码，演示如何将 base64 字符串转换为 PDF 文件并创建下载链接：
-- -------------------- ---- -------
-------- ----------------------------------- -
-- - ------ ----------
----- -------------- - -------------------
----- ----------- - --- ----------------------------------
--- ---- - - -- - - ---------------------- ---- -
-------------- - -----------------------------
-
----- --------- - --- ------------------------
-- -- ---- --------------- ----
----- ---- - --- ----------------- - ----- ----------------- ---
-- ----- ---- - -------------- ---- --
----- ---- - ----------------------------
--------- - --------------------------
------------- - --------------
--------------------------------
-------------
-结论
使用上述步骤，可以在客户端使用 JavaScript 轻松地将 base64 字符串保存为 PDF 文件。这在需要将 HTML 内容转换为 PDF 的情况下非常有用。同时，由于该代码是在客户端执行的，因此可以实现完全自主化的 PDF 文件生成和下载。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31332