如何将 Google Drive File Picker 与 Apps Script HTML Service 结合使用答案

【问题标题】：How to use Google Drive File Picker with Apps Script HTML Service如何将 Google Drive File Picker 与 Apps Script HTML Service 结合使用
【发布时间】：2013-08-30 10:06:21
【问题描述】：

有没有人有任何使用 Google Drive FilePicker 和 Apps 脚本 HTML Service 的示例。甚至可能吗？

我想用它来选择文件或使用 AppsScript HTML 服务从云端硬盘上传文件。

【问题讨论】：

标签： html google-apps-script google-drive-api

【解决方案1】：

很遗憾，由于 Caja 限制，无法在 HtmlService 中使用它。我们正在努力启用它，但可能需要一些时间。

编辑自 2014 年 3 月起，这已成为可能。示例代码见this page。

【讨论】：

嘿 Eric，我如何在一页上处理多个文件选择器？我在这里创建了一个新问题：stackoverflow.com/questions/25643822/…

【解决方案2】：

您可以使用以下 HTML、客户端 JavaScript 和 .gs 服务器端 JavaScript 将文件上传到驱动器。

HTML

<form class='frmUpload'>
  <input name="picOneUpload" type="file" accept="image/*" onchange="picUpload(this.parentNode, 'a')" ><label id='lblPicLoadA'>Pick a Picture To Upload!</label>
</form>

JavaScript - 在 HTML 脚本标签中

<script>
  window.picUpload = function(frmData) {
  //console.log("picUpload ran: " + frmData);
   
  google.script.run.withFailureHandler(onFailure)
    .withSuccessHandler(updateOutput)
    .uploadPic(frmData)
  };
</script>

代码.gs

function uploadPic(argBlobInput) {
  var uploadedBlob = argBlobInput["picOneUpload"];
  var fldrSssn = DriveApp.getFolderById('Your Folder ID');
  fldrSssn.createFile(uploadedBlob );
};

【讨论】：