如何在单个HTML Web应用程序中创建多个文件选择器/上传按钮

Question

我在HTML网络应用中使用谷歌驱动文件选择器，它只用一个按钮就可以正常工作，我正在尝试添加第二个按钮来上传文件并保存在不同的文件夹中。

请在下表中找到我的完整脚本，请帮我修复或达到要求

Smaple Sheet with Code

Answer 1

您为选择器2使用了相同的功能名称。更改功能名称，以便应用程序脚本可以区分它。

在Code.gs中，将第5个函数名称的更改从initPicker更改为initPicker2，并在javascript2.html中进行以下更改。

function openPicker2() {
  google.script.run
  .withFailureHandler(showMessage)
  .withSuccessHandler(showFilePicker)
  .initPicker2();
}

function openUploader2() {
  google.script.run
  .withFailureHandler(showMessage)
  .withSuccessHandler(showFileUploader)
  .initPicker2();
}

Answer 2

在保存时，请尝试使用Save to Drive Button。

如文档中所述，包含必要的JavaScript资源并添加“保存到云端硬盘”按钮标记：

<script src="https://apis.google.com/js/platform.js" async defer></script>
<div class="g-savetodrive"
   data-src="//example.com/path/to/myfile.pdf"
   data-filename="My Statement.pdf"
   data-sitename="My Company Name">
</div>

这样，您可以按顺序实现每页多个按钮。

请参阅documentation了解详情。