Как добавить индикатор выполнения в эту форму загрузки скрипта / файла Google - PullRequest
Новая
       21

Как добавить индикатор выполнения в эту форму загрузки скрипта / файла Google

0 голосов
/ 11 июля 2020

Я создал основную форму загрузки c файла с помощью скрипта Google. Мне интересно, может ли кто-нибудь помочь мне добавить индикатор выполнения или какое-то указание процента загрузки, чтобы пользователи не переходили из формы до завершения загрузки.

Вот сценарий Google: Code.gs 

function doGet() {
  var html = HtmlService.createHtmlOutputFromFile('index');
  return html;
}


function uploadFiles(data)
{
 var file = data.myFile;
 var folder = DriveApp.getFolderById('XXXXXXXXXXXXXXXXXXXXXXXX');
 var createFile = folder.createFile(file);
 
}

Вот код формы: index. html

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <title>Upload Files</title>
  </head>
  <body>
    <h1>File Uploader</h1>
    <form>
        <input type="file" name="myFile" multiple>
        <br>
        <br>
        <input type="button" id="submitBtn" value="Upload Files">
        <label id="resp"></label>
    </form>
    <script>
      document.getElementById('submitBtn').addEventListener('click',
        function(e){
          google.script.run.withSuccessHandler(onSuccess).uploadFiles(this.parentNode)
        })
        
        function onSuccess(data){
          document.getElementById('resp').innerHTML = "File Uploaded Successfully!";
        }
       
    </script>
  </body>
</html>
...