如何在我的 Google Forms 中添加我的 Google Apps 脚本签名代码

Question

我在网上找到了这段代码，它允许我用 .gs 和 .html 绘制签名。

function doGet() {
  return HtmlService
      .createTemplateFromFile('index')
      .evaluate();
}
function saveToDrive(signature){
  var signature = signature.split(",")
  var blob = Utilities.newBlob(Utilities.base64Decode(signature[1]), 'image/png');
  var sheet=SpreadsheetApp.getActive().getActiveSheet();
  sheet.insertImage(blob, 1, 1);
}

    <!DOCTYPE html>
    <html>
    <head><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/></head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.rawgit.com/willowsystems/jSignature/master/libs/jSignature.min.js"></script>
    <body>
    <form>
    ...
    Signature:
    <div id="signature"></div><br>
    <img id="rendered" src="" style="display:none">
    <input type="Submit" value="Save" onclick="getSignature();"/>
    ...
    </form>
    </body>
    <script>
      document.getElementById("signature").style.border = "1px solid black";
      $("#signature").jSignature({
        'background-color': 'transparent',
        'decor-color': 'transparent'
      });
      function getSignature(){
        $("img#rendered").attr("src",$('#signature').jSignature('getData','default'));
        var signature = document.getElementById('rendered').src;
        google.script.run.saveToDrive(signature);
      } 
    </script>
    </html>

我只想知道我如何将它集成到我的表单中，以便在底部有一个签名的地方，然后它会自动以 jpg 格式保存到我的谷歌驱动器中，并在我的表单中显示为图像。

Answer 1

您可以调整代码片段以将签名保存到您的云端硬盘，并在您的表单中嵌入 WebApp URL

为了这：

将saveToDrive function 修改为

function saveToDrive(signature){
  var signature = signature.split(",")
  var blob = Utilities.newBlob(Utilities.base64Decode(signature[1]), 'image/png');
  blob.setName("signature");
  var file = DriveApp.createFile(blob);
}

使用以下设置将您的代码部署为 WebApp： Execute the app as: Me ， Who has access to the app: Anyone, even anonymous的。
现在，我不知道将这个 WebApp 嵌入到 Google 表单中的方法（您需要为此创建一个自定义 HTML 表单），但是您可以做的是提供 WebApp 的链接作为问题的一部分/响应选项，并请用户点击链接。

这是一个示例表单（请记住，WebApp 是作为我部署的，因此如果您提供签名，它将保存在我的云端硬盘而不是您的云端硬盘上）：

https://docs.google.com/forms/d/e/1FAIpQLSckCxKzrUdNvpcONLVRvJ08e5EDZRNB-tTfSRKG2YRLVjI_Ww/viewform

如何在我的 Google Forms 中添加我的 Google Apps 脚本签名代码

问题描述

1 个解决方案

解决方案1
1 2022-01-14 13:26:35

您可以调整代码片段以将签名保存到您的云端硬盘，并在您的表单中嵌入 WebApp URL

如何在我的 Google Forms 中添加我的 Google Apps 脚本签名代码

问题描述

1 个解决方案

解决方案1 1 2022-01-14 13:26:35

您可以调整代码片段以将签名保存到您的云端硬盘，并在您的表单中嵌入 WebApp URL

解决方案1
1 2022-01-14 13:26:35