使用 Google Apps Script 从数组中的输入元素处理多个文件

IT技术 javascript arrays input google-apps-script
2021-03-15 06:40:08

我有一个表单，它允许从下拉列表中选择一个项目并上传文件。项目的名称和 ID 保存在电子表格文档中。适用于一个文件...但我想上传多个文件。你能帮我修改脚本吗？

HTML 部分看起来像这样

<div class="col-md-4 col-sm-6 ">
           <div class="caption">
             <h3>Bildauswahl</h3>
             <p align="center"><input type="file" name="myFiles[]" id="myFiles" multiple></p>
         </div>
         </div>

我的脚本不起作用，如下所示：

var dropBoxId = "XYZ"; 
var logSheetId = "ABC";

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

function uploadFiles(formObject) {
  try {
    // Create a file in Drive from the one provided in the form
    var folder = DriveApp.getFolderById(dropBoxId);
    var input = document.getElementById('myFiles');

    for (i = 0; i<input.files.length; i++) {
      var blob = input.files[i];
      var file = folder.createFile(blob);
      var ss = SpreadsheetApp.openById(logSheetId);
      var sheet = ss.getSheets()[0];
      sheet.appendRow([file.getName(), file.getUrl(), formObject.myName]);
    }


    // Return the new file Drive URL so it can be put in the web app output
    return file.getUrl();
  } catch (error) {
    return error.toString();
  }
}

谢谢。

1个回答

截至目前，您必须使用变通方法来处理多个文件。multiple 属性仅在 IFRAME 模式下有效，但文件输入在 IFRAME 模式下被破坏。

要查看此解决方法，请查看此问题的错误提交：https : //code.google.com/p/google-apps-script-issues/issues/detail?id=4610

同样在你的代码中，你有一些服务器端和客户端代码的混合，这些代码不起作用： 

var folder = DriveApp.getFolderById(dropBoxId); //server side
var input = document.getElementById('myFiles'); //client side

您将需要在客户端进行多文件处理

我想出了一个很好的多文件上传解决方案。限制是文件必须小于 10 MB。

代码.GS

function doGet() {
 return HtmlService.createHtmlOutputFromFile('index').setSandboxMode(HtmlService.SandboxMode.IFRAME);

}

function saveFile(data,name,folderId) {

var contentType = data.substring(5,data.indexOf(';'));
var file = Utilities.newBlob(Utilities.base64Decode(data.substr(data.indexOf('base64,')+7)), contentType, name);
  DriveApp.getFolderById(folderId).createFile(file);

}

索引.html

<div>
 <input type="file"  id="myFiles" name="myFiles" multiple/>
 <input type="button" value="Submit" onclick="SaveFiles()" />
</div>

<script>

  var reader = new FileReader();
  var files;
  var fileCounter = 0;
  var folderId = "";




  reader.onloadend = function () {
   google.script.run
    .withSuccessHandler(function(){
      fileCounter++;      
      postNextFile();
    }).saveFile(reader.result,files[fileCounter].name,folderId);

  }



function SaveFiles(){
  var folderSelect = document.getElementById("folderSelectId");
  folderId = folderSelect.options[e.selectedIndex].value;
  files = document.getElementById("myFiles").files;  
  postNextFile();
 }


function postNextFile(){if(fileCounter < files.length){reader.readAsDataURL(files[fileCounter]);}else{fileCounter=0;alert("upload done")}}

</script>
检查上面关于如何将文件夹ID从选择传递到保存文件夹函数的代码
2021-04-25 06:40:08
哇，让我的代码运行起来了！你真的帮了我大忙。谢谢！
2021-04-25 06:40:08
从这里也谢谢:)
2021-05-02 06:40:08
不为我工作。我一直按提交，但没有任何反应。我完全复制了代码。是浏览器的问题吗？使用 Chrome
2021-05-16 06:40:08
谢谢斯宾塞，这很有帮助。我的目标是将文件保存到一个文件夹中，该文件夹从下拉项值中获取其名称。你能告诉我在创建文件夹时如何引用下拉菜单而不是将文件保存到根目录吗？
2021-05-20 06:40:08
其它你可能感兴趣的问题
上一篇在 Javascript 中关闭 下一篇如何让 Greasemonkey 单击仅在延迟后出现的按钮？