Javascript 无法解码字符串。(第2行,文件“代码”,项目“项目名称”)

Javascript 无法解码字符串。(第2行,文件“代码”,项目“项目名称”),javascript,forms,google-apps-script,web-applications,Javascript,Forms,Google Apps Script,Web Applications,我一直在尝试创建一个HTML表单,将文件上传到GoogleDrive 以下是我在谷歌应用程序脚本中使用的代码: function doPost(e) { var data = Utilities.base64Decode(e.parameters.data); var blob = Utilities.newBlob(data, e.parameters.mimetype, e.parameters.filename); DriveApp.createFile(blob); re

我一直在尝试创建一个HTML表单,将文件上传到GoogleDrive

以下是我在谷歌应用程序脚本中使用的代码:

function doPost(e) {
  var data = Utilities.base64Decode(e.parameters.data);
  var blob = Utilities.newBlob(data, e.parameters.mimetype, e.parameters.filename);
  DriveApp.createFile(blob);
  return ContentService.createTextOutput("Done.")
}
下面是我的HTML表单的外观:

<form action="https://script.google.com/macros/s/AKfycbx48QW8vH7C0cse4W60VJIXba4MVkUxiuUTaJPZ1_MWwUrODMmp/exec" id="form" method="post">
    <input type="text" placeholder="Name" class="form-control"><br>
    <input type="email" placeholder="Email" class="form-control"><Br>
    <div id="data"></div>
    <input name="file" id="uploadfile" type="file" class="form-control">
    <br><Br>
    <button id="submit" type="submit" class="btn btn-primary form-control">Send</button>
</form>
<script>
    $('#uploadfile').on("change", function () {
        var file = this.files[0];
        var fr = new FileReader();
        fr.fileName = file.name
        fr.onload = function (e) {
            e.target.result
            html = '<input type="hidden" name="data" value="' + e.target.result.replace(/^.*,/, '') + '" >';
            html += '<input type="hidden" name="mimetype" value="' + e.target.result.match(/^.*(?=;)/)[0] + '" >';
            html += '<input type="hidden" name="filename" value="' + e.target.fileName + '" >';
            $("#data").empty().append(html);
        }
        fr.readAsDataURL(file);
    });
</script>

但是它给了我一个错误无效的参数第3行,文件代码,项目名称

HTML:


我只是将它用作一个对话框,因此您必须添加doGet

@TheMaster是的,你说得对,我不需要解码部分。我更改了它,但出现了另一个错误,请检查editUse stackdriver logging console.log以记录e和参数。检查其中是否有未定义的部分mimetype和filename如何未定义!!如果您的脚本是通过复制其他脚本创建的,您能否提供原始脚本的信息?因为尽管您的脚本使用jquery,但它似乎没有被加载。例如,输入脚本并重试如何。届时,请使用谷歌应用程序脚本的第一个脚本。顺便说一句,我认为在你的脚本中,输入的姓名和电子邮件不会发送到GAS-side。
function doPost(e) {
  var blob = Utilities.newBlob(e.parameters.data, e.parameters.mimetype, e.parameters.filename);
  DriveApp.createFile(blob);
  return ContentService.createTextOutput("Done.")
}
<!DOCTYPE html>
<html>
  <head>
  <script>

  function fileUploadJs(frmData) 
  {
    document.getElementById('status').style.display ='inline';
    google.script.run
      .withSuccessHandler(updateOutput)
      .processForm(frmData)
  };
  function updateOutput(info) 
  {
    var br='<br />';
    var outputDiv = document.getElementById('status');
    outputDiv.innerHTML = br + 'File Upload Successful.' + br + 'File Name: ' + info.name + br + 'Content Type: ' + info.type;
  }
</script>
  </head>
  <body>
    <h1 id="main-heading">Main Heading</h1>
    <div id="formDiv">
      <form id="myForm">
        <input name="fileToLoad" type="file" /><br/>
        <input type="button" value="Submit" onclick="fileUploadJs(this.parentNode)" />
      </form>
    </div>
  <div id="status" style="display: none">
  <!-- div will be filled with innerHTML after form submission. -->
  Uploading. Please wait...
  </div>  
  <div id="controls">
      <input type="button" value="Close" onClick="google.script.host.close();" />
  </div>
</body>
</html>
function processForm(theForm) {
  var fileBlob = theForm.fileToLoad;
  Logger.log("fileBlob Name: " + fileBlob.getName())
  Logger.log("fileBlob type: " + fileBlob.getContentType())
  Logger.log('fileBlob: ' + fileBlob);
  var fileInfo={'name':fileBlob.getName(),'type':fileBlob.getContentType(), 'size':fileBlob.getBytes()};

  var fldrSssn = DriveApp.getFolderById('FolderId');//put in fetched files
  fldrSssn.createFile(fileBlob);
  return fileInfo;
}