I am trying to write a code to upload files into my google drive folder using a html site using google apps script. Below is my code
function doGet() {
var html = HtmlService.createHtmlOutputFromFile('index');
return html.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}
function uploadFiles(data){
var file = data.myFile;
var folder = DriveApp.getFolderById('1iQLoUag-jZluW_vBakuHcL6LBnnGyzgS');
var createFile = folder.createFile(file);
return createFile.getUrl();
}
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<title>Upload Files</title>
</head>
<body>
<h1>File Uploader</h1>
<form>
<input type="file" name="myFile" mulitple>
<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 to the path " +data;
}
</script>
</body>
</html>
But it never uploads a file. Inspecting the site shows me this error, Error in the console when I clock upload button: