ทำฟอร์มอัปโหลดไฟล์/รูปภาพเข้า Google Drive ด้วย Google Apps Script

ฝั่งสคริปต์ (Code.gs)

const FOLDER_ID = 'ไอดีโฟลเดอร์ใน Google Drive';

function doGet() {
  return HtmlService.createHtmlOutputFromFile('index')
    .addMetaTag('viewport', 'width=device-width, initial-scale=1');
}

function uploadFile(data) {
  const blob = Utilities.newBlob(Utilities.base64Decode(data.base64), data.type, data.name);
  const file = DriveApp.getFolderById(FOLDER_ID).createFile(blob);
  SpreadsheetApp.getActive().getSheetByName('uploads')
    .appendRow([new Date(), data.fullname, file.getName(), file.getUrl()]);
  return file.getUrl();
}

ฝั่งหน้าเว็บ (index.html)

<input id="name" placeholder="ชื่อ-นามสกุล">
<input id="file" type="file">
<button onclick="send()">อัปโหลด</button>
<script>
function send() {
  const f = document.getElementById('file').files[0];
  const reader = new FileReader();
  reader.onload = () => google.script.run
    .withSuccessHandler(url => alert('สำเร็จ: ' + url))
    .withFailureHandler(err => alert(err.message))
    .uploadFile({ base64: reader.result.split(',')[1], type: f.type, name: f.name,
                  fullname: document.getElementById('name').value });
  reader.readAsDataURL(f);
}
</script>

ข้อควรรู้

• Deploy แบบ Execute as: Me ไฟล์จะถูกเก็บในไดรฟ์ของเรา ผู้ส่งไม่ต้องมีบัญชี Google
• ขนาดข้อมูลที่ส่งผ่าน google.script.run มีขีดจำกัด เหมาะกับไฟล์ขนาดไม่ใหญ่มาก (ไม่กี่ MB) ควรย่อรูปก่อนส่งด้วย canvas
• ตรวจชนิดไฟล์และขนาดทั้งฝั่งหน้าเว็บและฝั่งสคริปต์ทุกครั้ง