調用腳本時Google App腳本關閉錯誤

Question

這是我第一次進入Google腳本，我有一個表單調用兩個不同的Google應用程序腳本（都在.gs文件中）。一個上傳文件，另一個將表單數據保存到谷歌電子表格。由於某種原因，在調用文件上載腳本時出現錯誤

(Uncaught TypeError: Cannot read property 'closure_lm_407634' of null)

儘管上載數據的腳本正常工作。 保存表單數據到電子表格（工作）：

google.script.run.withUserObject(data).saveToSheet(data); 

- 這就要求：

function saveToSheet(data) { 
    var date = new Date(); 
    var sheet = SpreadsheetApp.openById(submissionSSKey); 
    sheet 
    .appendRow([date, data.name, data.email, data.headline, 
     data.location, data.newsContent, data.websiteContent, data.expiry, data.fileUrl]); 
} 

上傳文件（不工作）：

google.script.run 
    .withUserObject(theForm) 
    .withSuccessHandler(processForm) 
    .uploadFile(theForm); 

- 這來電：

function uploadFile(form) { 
    var folder = DriveApp.getFolderById(folderId), doc = '', file = form.uploadedFile; 
    if (file.getName()) { doc = folder.createFile(file); } 
    return doc; 
} 

我不能爲了我的生活找出爲什麼一個電話工作而另一個電話不工作。我盡我所能地想方法來調用上傳腳本，但沒有任何效果。我試過刪除用戶對象和成功處理程序。

HTML：

<?!= include('styles'); ?> 
<div id="container" class="col-lg-12 col-md-12 col-sm-12"> 
    <header class="col-lg-offset-3 col-md-offset-3"></header> 
    <div class="col-lg-offset-3 col-lg-6 col-md-6 col-sm-12" id="form"> 
     <h1 class="text-center"> 
      SAS News Submission 
     </h1> 
     <span id="required-content"> 
      <sup>*</sup> 
      Required 
     </span> 
     <br> 
     <br> 
     <form name="sas-form"> 
      <label for="name" class="required">Contact Person/ Source of News</label> 
      <input type="text" name="name" value="test" class="form-control" id="name" required="required"> 
      <br> 
      <label for="email" class="required">Contact Person's email (in case we have questions regarding your News content)</label> 
      <input type="email" name="email" value="me@me.com" id="email" class="form-control" required="required"> 
      <br> 

      <label for="headline" class="required">Headline (try to keep below 10 words if possible) </label> 
      <input type="text" name="headline" value="headline" id="headline" class="form-control" required="required"> 
      <br> 

      <label for="newsContent" class="required">News Content *Note all content must be fully edited to ensure posting</label> 
       <textarea rows="5" cols="0" name="newsContent" class="form-control" id="newsContent" required="required"> 
         Content 
       </textarea> 
      <br> 

      <label class="required">Where would you like the News to be shared? (You may choose more than one)</label> 
      <ul id="social-list"> 
       <li> 
        <input type="checkbox" name="newsletter" id="newsletter" value="newsletter"> 
        <label for="newsletter"> Newsletter</label> 
       </li> 
       <li> 
        <input type="checkbox" name="social" id="social" value="social"> 
        <label for="social"> Social Media (Facebook, LinkedIn, Twitter)</label> 
       </li> 
       <li> 
        <input type="checkbox" name="website" id="website" value="website" checked> 
        <label for="website"> Website </label> 
       </li> 
      </ul> 
      <br> 

      <label for="websiteContent">If you chose the website, please provide specific instructions on where you would like the content to be posted.</label> 
      <br> 
      <small>News and Events Page, Volunteer Page, Student Page, etc. Ex: Please post in the News and Events Page and send the link and headline out on social media.</small> 
      <textarea rows="5" cols="0" name="websiteContent" id="websiteContent" class="form-control">website content</textarea> 
      <br> 
      <label for="expiry">If your content has an expiration date, please share that date below.</label> 
      <input type="date" name="expiry" id="expiry" class="form-control"> 
      <br> 
      <label>If you have files that need to be attached, pick them below.</label> 
      <input type="file" name="uploadedFile" id="file"> 
      <br> 
      <div id="not-valid"><span></span></div> 
      <div id="error"><span> 
       An error occurred, please try submitting again. 
      </span></div> 
      <div id="success"><span> 
      Form submission was successful! Thank you! 
      </span></div> 
      <input type="button" value="Submit" class="btn btn-primary" id="submit" 
        onclick="validateForm(this.parentNode)"> 
     </form> 
    </div> 
</div> 
<footer> 
<?!= include('javascript'); ?> 
</footer> 

<script> 
    var validateForm = function(theForm) 
    { 
     var valid = true; 
     $('#not-valid span').empty(); 
     $('input').removeClass('warning'); 

     if($('#name').val() == '') 
     { 
      $('#name').addClass('warning'); 
      $('#not-valid span').append('Please enter a name <br>'); 
      valid = false; 
     } 

     if($('#email').val() == '') 
     { 
      $('#email').addClass('warning'); 
      $('#not-valid span').append('Please enter an email <br>'); 
       valid = false; 
     } 

     if($('#headline').val() == '') 
     { 
      $('#headline').addClass('warning'); 
      $('#not-valid span').append('Please enter a headline <br>'); 
      valid = false; 
     } 

     if($('#newsContent').val() == '') 
     { 
      $('#newsContent').addClass('warning'); 
      $('#not-valid span').append('Please enter news content <br>'); 
      valid = false; 
     } 

     if(!$('#social').is(':checked') && !$('#website').is(':checked') && !$('#newsletter').is(':checked')) 
     { 
      $('#not-valid span').append('Please choose where you would like the news to be shared. <br>'); 
      $('#social-list').addClass('warning'); 
      valid = false; 
     } 


     if(valid) 
     { 
      google.script.run.withSuccessHandler(processForm).uploadFile(theForm) 

     } 
    }; 

    function processForm(file) 
    { 
     var fileUrl = file ? file.getUrl() : 'No file uploaded', 
     location = []; 

     if($('#social').is(':checked')) 
     { 
      location.push('social'); 
     } 

     if($('#newsletter').is(':checked')) 
     { 
      location.push('newletter'); 
     } 

     if($('#website').is(':checked')) 
     { 
      location.push('website'); 
     } 

     var data = { 
     name:   $('#name').val(), 
     email:   $('#email').val(), 
     headline:  $('#headline').val(), 
     location:  location.toString(), 
     newsContent: $('#newsContent').val(), 
     websiteContent: $('#websiteContent').val(), 
     expiry:   $('#expiry').val() ? $('#expiry').val() : 'No expiration date selected', 
     fileUrl:  fileUrl 
     }; 

     google.script.run.saveToSheet(data);   

     clearForm(); 
     success(); 
    }; 

    var clearForm = function() 
    { 
     $("input[type=text], input[type=date], textarea, input[type=email], input[type=file]").val(""); 
     $("input[type=checkbox]").attr('checked', false); 
     enableSubmit(); 
    }; 

    var success = function() 
    { 
     $('#success').show() 
    }; 

    var enableSubmit = function() 
    { 
     $("#submit").prop('disabled', false); 
    }; 
</script> 

Answer 1

我能夠重現你的錯誤。我不知道爲什麼會出現這種錯誤，但我找到了一種方法來使其工作。

以下是你需要做的：

把一個id屬性到上表單標籤：

<form id="myForm"> 

• 使用輸入標籤刪除按鈕。

• 添加一個<button>標籤外部的形式。必須在表單之外。並獲得形式document.getElementById('myForm')

  <form id="myForm"> 
      <input type="file" name="uploadedFile"> 
  </form> 
  
  <button onclick="validateForm(document.getElementById('myForm'))">submit</button> 
  

我測試過這一點。它獲得了該文件，並將其發送到表單元素的服務器中。

您可以在服務器代碼中使用Logger.log()而不使用調試器。

function uploadFile(form) { 
    Logger.log('form: ' + form); 
    Logger.log('form.uploadedFile: ' + form.uploadedFile); 
    Logger.log('form.uploadedFile: ' + form.uploadedFile.getName());