Загрузите на Google Диск и покажите процент прогресса

Question

Я использую следующий код для загрузки больших файлов на Google Диск. Как я могу показать прогресс как числовой процент?

Я не хочу показывать индикатор выполнения, только процент, как «20%».

server.gs

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

function uploadFiles(form) { 

    try { 

    var dropbox = "uploads"; 
    var folder, folders = DriveApp.getFoldersByName(dropbox); 

    if (folders.hasNext()) { 
     folder = folders.next(); 
    } else { 
     folder = DriveApp.createFolder(dropbox); 
    } 

    var blob = form.myFile;  
    var file = folder.createFile(blob);  
    file.setDescription("VideoName_Number: " + form.myName); 

    return "Episode uploaded successfully " + file.getUrl(); 

    } catch (error) { 

    return error.toString(); 
    } 

} 

upload.html

<div> 
    <form id="myForm"> 
     <input type="text" name="myName" placeholder="VideoName_Number"> 
     <input type="file" name="myFile"> 
     <input type="submit" value="Upload Anime" 
      onclick="this.value='Uploading..'; 
         google.script.run.withSuccessHandler(fileUploaded) 
         .uploadFiles(this.parentNode); 
         return false;"> 
    </form> 

    <div id="output"></div> 

    <script> 
     function fileUploaded(status) { 
      document.getElementById('myForm').style.display = 'none'; 
      document.getElementById('output').innerHTML = status; 
     } 
    </script> 

    <style> 
    input { display:block; margin: 20px; } 
    </style> 
</div> 

Answer 1

Существует полная статья о том, как использовать Google Drive API, используя только чистый JavaScript. В статье используется внешний файл (JQuery), известный как MediaUploader. Здесь вы можете протестировать быстрое демо.

Demo of the google drive using javascript completely