调用Google应用程序脚本上的图像文件上传到GoogleDrive

您收到的错误是因为您尝试使用一个imgInp在代码的任何部分都没有定义的变量。您可以从输入中获取 blob 文件，将其转换为二进制数组字符串，将其传递到服务器端，最后使用它来创建您的 blob 和给定的 Drive 文件。使用HTML 服务指南中有关如何使用表单以及成功和失败处理程序的示例，我整理了以下代码，该代码可以成功上传给定图像：索引.html<!DOCTYPE html><html><head> <base target="_top"></head><body> <form> <div class="file-field input-field"> <div class="waves-effect waves-light btn" id="wholebtn"><i class="material-icons right">cloud</i>Browse <input type="file" name="imgInp" id="imgInp"> </div> <div class="file-path-wrapper"> <input type="text" class="file-path"> </div> </div> <button class="btn waves-effect waves-light" name="action" id="button">Submit <i class="material-icons right">send</i> </button> </form> <script> // Prevent forms from submitting. function preventFormSubmit() { var forms = document.querySelectorAll('form'); for (var i = 0; i < forms.length; i++) { forms[i].addEventListener('submit', function(event) { event.preventDefault(); }); } } // Add event listeners window.addEventListener('load', preventFormSubmit); document.getElementById("button").addEventListener("click", upload); // Handler function function logger(e) { console.log(e) } async function upload() { // Get all the file data let file = document.querySelector('input[type=file]').files[0]; // Get binary content, we have to wait because it returns a promise let fileBuffer = await file.arrayBuffer(); // Get the file content as binary and then convert it to string const data = (new Uint8Array(fileBuffer)).toString(); // Pass the binary array string to uploadG funciton on code.gs google.script.run.withFailureHandler(logger).withSuccessHandler(logger).uploadG(data); } </script></body></html>Code.gsfunction doGet() { return HtmlService.createHtmlOutputFromFile('Index');}function uploadG(imgInp){ var parentFolder=DriveApp.getFolderById("[FOLER-ID]"); var newFolder = parentFolder.createFolder('test webApp'); var folderidlookup = newFolder.getId(); var destination = DriveApp.getFolderById(folderidlookup); var contentType = 'image/jpeg'; // Convert the binary array string to array and use it to create the Blob var blob = Utilities.newBlob(JSON.parse("[" + imgInp + "]"), contentType); blob = blob.getAs(contentType); destination.createFile(blob) return 'Filed uploaded!';}

调用Google应用程序脚本上的图像文件上传到GoogleDrive

2回答