在Google Apps Script中以Blob形式提供PDF，实现同页下载打印

嘿，我之前刚好踩过这个坑！要在生成PDF的同一页面直接提供下载/打印，完全绕开Drive链接是可行的，核心就是把PDF的二进制数据直接传递到前端，用浏览器的Blob API来处理，不用依赖Drive的任何公开链接。下面给你分步拆解实现方案：

1. 后端（Google Apps Script）：生成PDF并返回二进制数据 #

首先修改你的PDF生成函数，把生成的PDF Blob转换成base64编码字符串（方便前端接收和处理）：

function generatePdf() {
  // 这里替换成你现有的PDF生成逻辑
  // 示例：从Google文档生成PDF
  const targetDoc = DocumentApp.openById("YOUR_DOCUMENT_ID");
  const pdfBlob = targetDoc.getAs("application/pdf");

  // 将Blob转换为base64字符串，供前端解析
  return Utilities.base64Encode(pdfBlob.getBytes());
}

2. 前端（HTML界面）：接收数据并触发操作 #

在你的UI页面里，通过google.script.run调用后端函数，拿到base64数据后转换成Blob，再创建临时链接实现下载或打印：

<!DOCTYPE html>
<html>
<body>
  <button onclick="handleDownload()">下载PDF</button>
  <button onclick="handlePrint()">打印PDF</button>

  <script>
    // 下载PDF逻辑
    function handleDownload() {
      google.script.run
        .withSuccessHandler(base64Data => {
          // 解码base64为二进制数组
          const byteChars = atob(base64Data);
          const byteNums = Array.from(byteChars).map(char => char.charCodeAt(0));
          const byteArray = new Uint8Array(byteNums);
          const pdfBlob = new Blob([byteArray], { type: "application/pdf" });

          // 创建临时下载链接
          const downloadUrl = URL.createObjectURL(pdfBlob);
          const link = document.createElement("a");
          link.href = downloadUrl;
          link.download = "自定义文件名.pdf"; // 设置下载后的文件名
          document.body.appendChild(link);
          link.click();

          // 清理临时资源
          document.body.removeChild(link);
          URL.revokeObjectURL(downloadUrl);
        })
        .generatePdf();
    }

    // 打印PDF逻辑
    function handlePrint() {
      google.script.run
        .withSuccessHandler(base64Data => {
          // 同样解码base64为Blob
          const byteChars = atob(base64Data);
          const byteNums = Array.from(byteChars).map(char => char.charCodeAt(0));
          const byteArray = new Uint8Array(byteNums);
          const pdfBlob = new Blob([byteArray], { type: "application/pdf" });

          // 创建临时URL并打开打印窗口
          const printUrl = URL.createObjectURL(pdfBlob);
          const printWindow = window.open(printUrl, "_blank");
          
          // 等待窗口加载完成后触发打印
          printWindow.onload = () => {
            printWindow.print();
            // 打印后关闭窗口并清理资源
            setTimeout(() => {
              printWindow.close();
              URL.revokeObjectURL(printUrl);
            }, 1000);
          };
        })
        .generatePdf();
    }
  </script>
</body>
</html>

3. 几个关键注意事项 #

• 权限设置：部署Web App时，要根据你的用户群体设置正确的权限（比如“仅限同一组织内的任何人”或“允许任何人，甚至匿名”），否则前端调用会出现权限错误。
• 参数安全：如果你的PDF生成依赖用户输入，一定要在后端做参数校验，避免注入风险。
• 资源清理：每次使用URL.createObjectURL后，记得用URL.revokeObjectURL释放资源，防止浏览器内存泄漏。
• 文件名自定义：可以根据业务逻辑动态设置link.download的文件名，比如结合用户输入或生成时间。

内容的提问来源于stack exchange，提问作者ryan.d.williams