Upload File ke Google Drive dari Web App dengan Apps Script

Upload File ke Google Drive

Google Apps Script dapat menangani upload file dari web app dan menyimpannya langsung ke Google Drive. File yang diupload bisa berupa gambar, PDF, dokumen, atau file lainnya. URL file kemudian bisa disimpan di spreadsheet untuk referensi. Fitur ini penting untuk: upload foto profil, lampiran dokumen, bukti pembayaran, dan portofolio.

Kode Apps Script untuk Upload

function doPost(e) {
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  var folderId = "ID_FOLDER_DRIVE_ANDA"; // Buat folder di Drive, ambil ID dari URL
  
  try {
    // Ambil file dari request
    var blob = e.parameter.file;
    var folder = DriveApp.getFolderById(folderId);
    
    // Simpan file ke Drive
    var file = folder.createFile(blob);
    var fileUrl = file.getUrl();
    var fileName = file.getName();
    
    // Simpan informasi ke spreadsheet
    sheet.appendRow([
      new Date(),
      e.parameter.nama || "Tanpa Nama",
      fileName,
      fileUrl,
      file.getSize() + " bytes"
    ]);
    
    return ContentService.createTextOutput(JSON.stringify({
      success: true,
      url: fileUrl,
      fileName: fileName,
      message: "File berhasil diupload!"
    })).setMimeType(ContentService.MimeType.JSON);
    
  } catch (error) {
    return ContentService.createTextOutput(JSON.stringify({
      success: false,
      message: "Error: " + error.toString()
    })).setMimeType(ContentService.MimeType.JSON);
  }
}

HTML Form Upload

<form id="uploadForm" enctype="multipart/form-data">
  <input type="text" name="nama" placeholder="Nama Anda" required>
  <input type="file" name="file" accept="image/*,.pdf,.doc,.docx" required>
  <button type="submit">Upload</button>
</form>
<div id="result"></div>

<script>
document.getElementById('uploadForm').addEventListener('submit', function(e) {
  e.preventDefault();
  var formData = new FormData(this);
  
  fetch('URL_APP_SCRIPT', {
    method: 'POST',
    body: formData
  })
  .then(r => r.json())
  .then(res => {
    var div = document.getElementById('result');
    if (res.success) {
      div.innerHTML = '<div style="background:#d1fae5;padding:15px;border-radius:8px">'
        + 'File berhasil diupload!<br>'
        + '<a href="' + res.url + '" target="_blank">Lihat File</a></div>';
    } else {
      div.innerHTML = '<div style="background:#fee2e2;padding:15px;border-radius:8px">'
        + 'Error: ' + res.message + '</div>';
    }
  });
});
</script>

Tips Upload File

Ukuran File: Maksimum 50 MB per file untuk Apps Script.
Tipe File: Semua tipe file didukung (gambar, PDF, dokumen, video).
Keamanan: File disimpan di Drive Anda — atur permission folder sesuai kebutuhan.
Organisasi: Buat sub-folder per tanggal atau per pengguna untuk manajemen lebih baik.

Kesimpulan

Fitur upload file ke Google Drive dari web app memberikan kemampuan penyimpanan file yang powerful. Cocok untuk: sistem pendaftaran dengan upload CV, portofolio online, galeri gambar, dan sistem dokumentasi internal.

Tutorial Upload File Google Drive & Apps Script — Web App Builder Collection