如何在 html 页面中包含谷歌应用脚​​本，该脚本在谷歌驱动器上具有上传功能

Question

我只想从用户那里收集文件（如简历）并存储在我的谷歌驱动器上。这是来自谷歌应用程序脚本的工作文件，如下所示。我想将此表单添加到我的 html 页面。由谷歌提供的表单 URL

https://script.google.com/macros/s/AKfycbx8w-Um_pIWx8A1S_3R2CrSYhQqyLF6tyYJOQuUHdFT5jqBFP0/exec

想添加shouttoday.com 网站的页面。 我也尝试过包含为 js 脚本或 iframe 但不起作用。

文件有 ---

server.gs

function doGet(e) {
  return HtmlService.createHtmlOutputFromFile('form.html');
}

function uploadFiles(form) {

  try {

    var dropbox = "Student Files";
    var folder, folders = DriveApp.getFoldersByName(dropbox);

    if (folders.hasNext()) {
      folder = folders.next();
    } else {
      folder = DriveApp.createFolder(dropbox);
    }

    var blob = form.myFile;    
    var file = folder.createFile(blob);    
    file.setDescription("Uploaded by " + form.myName);

    return "File uploaded successfully " + file.getUrl();

  } catch (error) {

    return error.toString();
  }

}

form.html

<form id="myForm">
    <input type="text" name="myName" placeholder="Your name..">
    <input type="file" name="myFile">
    <input type="submit" value="Upload Resume" 
           onclick="this.value='Uploading..';
                    google.script.run.withSuccessHandler(fileUploaded)
                    .uploadFiles(this.parentNode);
                    return false;">
</form>

<div id="output"></div>

<script>
    function fileUploaded(status) {
        document.getElementById('myForm').style.display = 'none';
        document.getElementById('output').innerHTML = status;
    }
</script>

<style>
 input { display:block; margin: 20px; }
</style>

有 url 应用脚本 url：https://script.google.com/macros/s/AKfycbx8w-Um_pIWx8A1S_3R2CrSYhQqyLF6tyYJOQuUHdFT5jqBFP0/exec

但不知道如何在我的 html 页面中嵌入这个应用程序（表单）。

Answer 1

您需要为此使用谷歌开发者控制台。它具有相同的编程示例。所以，这对你很有帮助。