Блог

Я получил некоторый код от другого пользователя в этом fourm, но код загружает файл, но не добавляет данные текстового поля и ссылку на загруженный файл на лист. я просто хочу, чтобы загрузка файла и подробная информация о файле были введены в текстовые поля (настоящий код предназначен для имени и адреса электронной почты, которые могут быть изменены позже для сбора других данных), а данные текстового поля вместе со ссылкой на загружаемый файл должны быть добавлены в файл, содержащий сценарий.

form.html это как показано ниже:

 <!-- Include the Google CSS package -->
<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">

<!-- You can also include your own CSS styles -->
<style>
 form { margin: 40px auto; }
 input { display:inline-block; margin: 20px; }
 </style>

 <script>

 // The function will be called after the form is submitted
  function uploadFile() {
document.getElementById('uploadFileButton').value = "Uploading File..";
google.script.run
   .withSuccessHandler(fileUploaded)
   .uploadFiles(document.getElementById("labnol"));
return false;
}

// This function will be called after the Google Script has executed
 function fileUploaded(status) {
document.getElementById('labnol').style.display = 'none';
document.getElementById('output').innerHTML = status;
}

</script>

<!-- This is the HTML form -->
<form id="labnol">

 <!-- Text input fields -->
 <input type="text" id="nameField" name="myName" placeholder="Your name..">
 <input type="email" id="emailField" name="myEmail" placeholder="Your email..">

 <!-- File input filed -->
 <input type="file" name="myFile">

 <!-- The submit button. It calls the server side function uploadfiles() on click -->
 <input type="submit" id="uploadFileButton" value="Upload File"
     onclick="this.value='Uploading..';uploadFile();return false;">

</form>

<!-- Here the results of the form submission will be displayed -->
<div id="output"></div>
 

code.gs это буква s ниже:

 /* The script is deployed as a web app and renders the form */
 function doGet(e) {
  return HtmlService.createHtmlOutputFromFile('form.html')
        .setSandboxMode(HtmlService.SandboxMode.NATIVE);
    // This is important as file upload fail in IFRAME Sandbox mode.
   }

   /* This function will process the submitted form */
 function uploadFiles(form) {

 try {

/* Name of the Drive folder where the files should be saved */
var DMS = "Test Form Submissions";
var folder, folders = DriveApp.getFoldersByName(DMS);

/* Find the folder, create if the folder does not exist */
if (folders.hasNext()) {
  folder = folders.next();
} else {
  folder = DriveApp.createFolder(DMS);
} 

/* Get the file uploaded though the form as a blob */
var blob = form.myFile;
var file = folder.createFile(blob);

//Allocate variables for submissions in sheet
var namerecord = form.myName;
var emailrecord = form.myEmail;

/* Set the file description as the name of the uploader */
file.setDescription("Uploaded by "   form.myName);

/* Return the download URL of the file once its on Google Drive */
return "File uploaded successfully "   file.getUrl();

var uploadURL = file.getUrl();

 var url = "https://docs.google.com/spreadsheets/d/1Kk8uvMHC506UVuhjzsvKka-RTp5OEjWV-yeoWxeV5b4/edit#gid=0";
 var ss = SpreadsheetApp.openByUrl(url);
 var ws = ss.getSheetByName("Inward");

 ws.appendRow([namerecord,emailrecord,uploadURL]);


 /*var googsheet = 



SpreadsheetApp.openByUrl('https://docs.google.com/spreadsheets/d/1N80542YrEAT6Llq6k2vzDdkSO938csVv28UtUCNlpFU/edit?usp=sharing');
  return "started";
  var sheet = googsheet.getSheetName('Inward');
  sheet.appendRow([namerecord,emailrecord,uploadURL]);
  return "completed";
*/
  //

  } catch (error) {

    /* If there's an error, show the error message */
    return error.toString();
  }

        //Open spreadsheet based on URL
    
}
 

Пожалуйста, помогите в этом отношении. Я новичок в написании сценариев и веб-приложениях.

Проблема:

Функция doGet содержит оператор возврата после загрузки файла и перед добавлением данных в электронную таблицу:

 return "File uploaded successfully "   file.getUrl();
 

Этот оператор завершает выполнение этой функции, поэтому скрипт никогда не переходит к части добавления данных.

Решение:

Предполагая, что у вас есть доступ к этой электронной таблице (переменной url ) и что эта электронная таблица содержит вызываемый лист Inward , ваши данные должны быть успешно добавлены в электронную таблицу, если оператор return закомментирован / удален или, если вы хотите, чтобы страница возвращалась File uploaded successfully {fileUrl} , перемещен в конец вашего try блока:

 ws.appendRow([namerecord,emailrecord,uploadURL]);
return "File uploaded successfully "   file.getUrl();