通过网络应用下载由 Apps Script 生成的 PDF

Question

我试图弄清楚如何使部署为网络应用程序的 Google Apps 脚本下载单击生成的 PDF。它几乎可以工作，但生成的文件无效。我不知道这是编码问题还是其他问题。

在 Apps Script 中，代码看起来很简单：

function makePDF() {
   ...
   var pdfBlob = doc.getAs('application/pdf');
   return Utilities.base64Encode(pdfBlob.getBytes());
}

在浏览器中，有一个点击处理程序：

function clickHandler(ev) {
  ev.preventDefault();
  google.script.run
  .withSuccessHandler(function(data) {
    var pdf = new Blob([window.atob(data)]);
    var href = window.URL.createObjectURL(pdf);

    var link = document.querySelector('#hiddenLink');
    link.href = href;
    link.click();
  })
  .makePDF();
}

有什么建议？

谢谢！

Answer 1

我想通了，所以如果其他人试图将 PDF 从 Apps Script 传递到客户端 javascript，请发布答案。这一切都比我做的要简单得多。

而不是搞乱 base64 编码，只需传回字节数组：

function makePDF() {
 ...
 var pdfBlob = DocumentApp.openById('1234').getAs('application/pdf');
 return pdfBlob.getBytes();
}

现在，在客户端，从 ArrayBuffer 构造一个新的 Blob。这也很简单：

function clickHandler(ev) {
  google.script.run
  .withSuccessHandler(function(data) {
    var arr = new Uint8Array(data);
    var blob = new Blob([arr.buffer], {type: 'application/pdf'});

    var obj_url = window.URL.createObjectURL(blob);

    var hiddenLink = document.getElementById('hiddenPDFLink');
    hiddenLink.setAttribute('href', obj_url);
    hiddenLink.setAttribute('download', 'filename.pdf');
    hiddenLink.click();
  })
  .makePDF();
}

就是这样！希望其他人觉得这有帮助。