-1

我准备了一个带有上传表单的简单 Google Apps 脚本，以允许我的朋友没有 google 帐户上传一些文件（不同类型 - 图片、docx、png 等；相当小的文件 - 小于 10MB）

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

function uploadFiles(form) {
  try {
    var mainFolder = "Tmp_Uploads";

    var folder = DriveApp.getFoldersByName(mainFolder).next();
    var file = folder.createFile(form.myFile);
    
    return "File uploaded successfully " + file.getUrl();
  } catch (error) {
    return error.toString();
  }
}

机制工作 -> 上传文件后显示在 Google Drive 的“Tmp_Uploads”文件夹中。但是当我把它下载到我的电脑上时-> 文件坏了。

我用 .jpg、.png、.doc 对其进行了测试，它们全都坏了 - 无法打开它们（它们的大小也与原始大小不同）。

当我上传简单​​的 .txt 文件时 -> 它工作正常。

问题：

  1. 怎么了？
  2. 我可以以某种方式恢复使用上述机制上传的文件吗？下载到电脑后解码或者后处理可以打开吗？

提前干杯和感谢！

4

1 回答 1

1

在调用您的 google 脚本 uploadFiles() 函数之前，在您的 html 中尝试此 Javascript 函数。

<script>
function uploadFile(form) {
    const file=form.File.files[0];
    const fr=new FileReader();//all this FileReader code originally came from Tanaike
    fr.onload=function(e) {
      const obj={filename:file.name,mimeType:file.type,bytes:[...new Int8Array(e.target.result)]};
      google.script.run.uploadFiles(obj);
    }
    fr.readAsArrayBuffer(file);
  }
  </script>

然后您的 Google 脚本函数如下所示：

function uploadFiles(form) {
   var mainFolder = "Tmp_Uploads";
    var folder = DriveApp.getFoldersByName(mainFolder).next();
    var blob = Utilities.newBlob(form.bytes, form.mimeType, form.filename);
    var file=folder.createFile(blob); 
    return "File uploaded successfully " + file.getUrl();
}

例子

参考

如果您的表单中有更多数据而不仅仅是文件上传，请查看此示例。

<script>
function uploadFile(form) {
    console.log('form.elements.Destination.value= %s',form.elements.Destination.value);
    console.log('format.elements.FileName.value= %s',form.elements.FileName.value);
    $('#msg').css('display','block');
    $('#msg').html('UpLoading...Please Wait');
    const file=form.File.files[0];
    const fr=new FileReader();//all this FileReader code originally came from Tanaike
    fr.onload=function(e) {
      const obj={FileName:form.elements.FileName.value,Destination:form.elements.Destination.value,mimeType:file.type,bytes:[...new Int8Array(e.target.result)]};//this allowed me to put the rest of the Form.elements back into the object before sending it to google scripts
      google.script.run
      .withSuccessHandler(function(msg){
        $('#msg').css('display','block');
        $('#msg').html(msg);//I returned a message after the download 
      })
      .uploadFile(obj);
    }
    fr.readAsArrayBuffer(file);
  }
  </script>



<form>
  <br /><select id="sel1" name="Destination"></select> Upload Destination
  <br /><input type="text" name='FileName' /> File Name
  <br /><input type="file" name='File'; />
  <br /><input type="button" value="Upload" onClick="uploadFile(this.parentNode);" />
  <br /><input type="button" value="Close" onclick="google.script.host.close();" />
  <div id="msg"></div>
</form>
于 2020-04-27T00:29:11.770 回答