【问题标题】:Generating PDF Succesfully but I failed when I added Qr Code成功生成 PDF,但添加二维码时失败
【发布时间】:2021-09-26 08:07:48
【问题描述】:

我有谷歌表单,其响应如下表(电子表格)所示。

此脚本无法生成二维码。标题中的二维码公式,因此它会自动在 B 列的电子表格中生成二维码,其中包含 D 列的数据。我不知道如何解决。

var docTemplate = "doc ID"; 
var docName = "Vehicle check with images";

function onFormSubmit(e) {
  var replaceTextToImage = function(body, searchText, fileId) {
    var width = 300; // Please set this.
    var blob = DriveApp.getFileById(fileId).getBlob();
    var r = body.findText(searchText).getElement();
    r.asText().setText("");
    var img = r.getParent().asParagraph().insertInlineImage(0, blob);
    var w = img.getWidth();
    var h = img.getHeight();
    img.setWidth(width);
    img.setHeight(width * h / w);
  }

  //Get information from form and set as variables
  var email_address = "myemailaddress@here.com";
  var qrCode = e.values[1].split("=")[3];//I want to try
  var empName = e.values[2];
  var empId = e.values[3];
  var photo = e.values[4].split("=")[1];

  // Get document template, copy it as a new temp doc, and save the Doc’s id
  var copyId = DriveApp.getFileById(docTemplate)
  .makeCopy(docName+' for '+empName)
  .getId();
  // Open the temporary document
  var copyDoc = DocumentApp.openById(copyId);
  // Get the document’s body section
  var copyBody = copyDoc.getBody();

  replaceTextToImage(copyBody, 'qrcode', qrCode);//problem could not be generated
  copyBody.replaceText('name', empName);
  copyBody.replaceText('id', empId);
  replaceTextToImage(copyBody, 'photo', photo);

  copyDoc.saveAndClose();
  var pdf = DriveApp.getFileById(copyId).getAs("application/pdf");
  var subject = "sample attachment file";
  var body = "sample text: " + empName + "";
  MailApp.sendEmail(email_address, subject, body, {htmlBody: body, attachments: pdf});

  DriveApp.getFileById(copyId).setTrashed(true);
}
Timestamp ={"QR CODE";ARRAYFORMULA(IF(D2:D<>"";IMAGE("https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl="&D2:D);))} Name Id Photo
10/07/2021 8:35:24 QR CODE Robert 1234 https://drive.google.com/open?id=14SAL5EK8tqOESgZyAayScbTqhSEE89Wa

【问题讨论】:

  • 您看到二维码或电子表格了吗?也许用更简单的变体(对于“B2”单元格)替换它是有意义的:=IMAGE("https://chart.googleapis.com/chart?chs=300x300&amp;cht=qr&amp;chl="&amp;D2)
  • 是的。我使用数组公式在电子表格中看到 QR 码。当我使用=IMAGE("https://chart.googleapis.com/chart?chs=300x300&amp;cht=qr&amp;chl="&amp;D2) 时,我不得不把它拖下来。不过,在有人提交谷歌表单后,我需要 pdf 文件作为附件。
  • 可能原因在这里:var blob = DriveApp.getFileById(fileId).getBlob();你可以这样插入文件。例如,来自云端硬盘的照片。但我怀疑 qrCode = e.values[3].split("=")[1]; 不会返回文件的 fileID,因为您在 Drive 上根本没有这样的文件。我不知道它到底返回了什么。网址?文本?可能您需要通过UrlFetchApp.fetch(url).getBlob() 以另一种方式获取二维码的blob。看我的例子。
  • 当您将变量qrCode 发送到函数replaceTextToImage() 时,您能否显示它究竟包含什么?是你二维码的fileID 吗?由于该函数需要文件 id。

标签: google-apps-script pdf-generation spreadsheet google-forms


【解决方案1】:

我没能重现这个问题。我或多或少地重复了所有步骤,它按预期工作。这是最小的可重现示例。

const doc_template_ID = 'template ID';
const ss_ID = 'spreadsheet ID';
const email_address = 'mail@gmail.com';

function make_doc_and_send_it_as_pdf() {

  // get data from spreadsheet
  const sheet = SpreadsheetApp.openById(ss_ID).getSheets()[0];
  const QR_text = sheet.getRange('B1').getValue();

  // make copy of the template and make changes in the doc
  const doc_file = DriveApp.getFileById(doc_template_ID).makeCopy('QR_code');
  const doc_ID = doc_file.getId()
  const doc = DocumentApp.openById(doc_ID);
  var body = doc.getBody();
  body = body.replaceText('{{text}}', QR_text);

  // insert a pic of the QR code
  const url   = "https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=" + QR_text; 
  const resp  = UrlFetchApp.fetch(url);
  const image = resp.getBlob();
  replaceTextToImage(body, '{{QR}}', image);

  doc.saveAndClose();
  
  // send the doc via email as pdf
  var pdf = doc_file.getAs("application/pdf");
  var subject = "QR pdf";
  var body = "sample text";
  MailApp.sendEmail(email_address, subject, body, {htmlBody: body, attachments: pdf});

  doc_file.setTrashed(true);
}

// modified Tataike's function from here
// https://tanaikech.github.io/2018/08/20/replacing-text-to-image-for-google-document-using-google-apps-script/
// now it takes image (blob) instead of fileId

function replaceTextToImage(body, searchText, image) {
    var next = body.findText(searchText);
    if (!next) return;
    var r = next.getElement();
    r.asText().setText('');
    r.getParent().asParagraph().insertInlineImage(0, image);
    return next;
  };

我的电子表格如下所示:

我的文档模板如下所示:

电子邮件中的 PDF 如下所示:

它从电子表格中获取数据,制作文档模板的副本,更改文档中的文本,在文档中插入二维码图像(它替换了所有包含“{{QR}}”的段落,我将其保留为是的,可能它可以只替换段落中的一个词)),并通过邮件将文档作为 PDF 发送。


在您的代码中,可能您需要这样更改函数replaceTextToImage()

var replaceTextToImage = function(body, searchText, blob) {
    var width = 300; // Please set this.
    var r = body.findText(searchText).getElement();
    r.asText().setText("");
    var img = r.getParent().asParagraph().insertInlineImage(0, blob);
    var w = img.getWidth();
    var h = img.getHeight();
    img.setWidth(width);
    img.setHeight(width * h / w);
  }

它使函数采用blob 而不是fileId

并改变这两行:

var qrCode = e.values[3].split("=")[1];
var photo = e.values[4].split("=")[1];

用这个:

var qrCode = UrlFetchApp.fetch(e.values[3].split("=")[1]).getBlob();
var photo = DriveApp.getFileById(e.values[4].split("=")[1]).getBlob();

我假设e.values[3].split("=")[1] 包含二维码文本,e.values[4].split("=")[1] 包含文件 ID。但我可能是错的。

【讨论】:

  • 我相信您可以通过这种方式将 installabe 触发器 onFormSubmit() 添加到我的代码中 stackoverflow.com/questions/26037556/… 并且它会起作用。提交表单后,它将发送带有pdf(带有二维码)的电子邮件。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-25
  • 1970-01-01
  • 2017-11-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多