Uploading File to Google Drive using HTML and Google Apps Script

submit.md

Uploading File to Google Drive using HTML and Google Apps Script

This is a simple sample script for uploading a file using the file input tag of HTML. As the important point, the file is sent as the byte array for using Google Apps Script. By this, at Google Apps Script side, the byte array can be converted to a blob using a simple script.

HTML & Javascript

<input id="file" type="file" onchange="saveFile(this)" />
<script>
  function saveFile(f) {
    const file = f.files[0];
    const fr = new FileReader();
    fr.onload = function(e) {
      const obj = {
        filename: file.name,
        mimeType: file.type,
        bytes: [...new Int8Array(e.target.result)]
      };
      google.script.run.withSuccessHandler(e => console.log(e)).saveFile(obj);
    };
    fr.readAsArrayBuffer(file);
  }
</script>

Google Apps Script

function saveFile(e) {
  var blob = Utilities.newBlob(e.bytes, e.mimeType, e.filename);
  DriveApp.createFile(blob);
  return "Done.";
}

Thank you!
How can I return the FileUrl to use in a inputbox in the html file?

Awesome, man. Thank you so much. I trying to find a code like this for a long time. I'm very grateful.

i love you men <3 <3

@obaez004

Thank you! How can I return the FileUrl to use in a inputbox in the html file?

var file = DriveApp.createFile(blob);
return file.getUrl();