รายละเอียดระบบ

แจกฟรี! DriveUploader
เทมเพลตอัปโหลดไฟล์จากเว็บ PHP ไปยัง Google Drive ผ่าน Google Apps Script

ใครกำลังทำเว็บไซต์ด้วย PHP แล้วต้องการให้ผู้ใช้งานสามารถอัปโหลดไฟล์จากหน้าเว็บไซต์ไปเก็บไว้บน Google Drive ได้ ระบบนี้สามารถนำไปศึกษา ปรับแต่ง และต่อยอดได้ทันที

ระบบนี้ออกแบบให้ PHP ทำหน้าที่เป็นตัวกลางในการรับไฟล์ แล้วส่งต่อไปยัง Google Apps Script เพื่อบันทึกไฟล์ลง Google Drive โดยไม่จำเป็นต้องเชื่อมต่อ Google Drive API โดยตรงจาก PHP

โครงสร้างระบบ

Frontend
index.php
หน้าเว็บไซต์สำหรับเลือกไฟล์และอัปโหลด
ออกแบบด้วย Tailwind CSS
ใช้ JavaScript + Fetch API
อัปโหลดแบบ AJAX โดยไม่ต้องรีเฟรชหน้าเว็บ
ตรวจสอบขนาดไฟล์เบื้องต้นไม่เกิน 5MB

Backend
upload.php
รับไฟล์จากหน้าเว็บไซต์
ตรวจสอบไฟล์และขนาดไฟล์อีกครั้ง
แปลงไฟล์เป็น Base64
สร้างข้อมูล JSON
ส่งข้อมูลด้วย cURL ไปยัง Google Apps Script

config.php
เก็บ URL ของ Google Apps Script Web App
ช่วยแยกการตั้งค่าออกจากไฟล์หลักของระบบ

Cloud
Code.gs
รับข้อมูลจาก PHP
ถอดรหัส Base64 กลับเป็นไฟล์
สร้าง Blob ตาม Mime Type ของไฟล์
บันทึกไฟล์ลง Google Drive
ส่งผลลัพธ์และ URL ของไฟล์กลับไปยัง PHP

Workflow ของระบบ

ผู้ใช้งาน
↓
เลือกไฟล์บนเว็บไซต์
↓
index.php
↓
upload.php
↓
แปลงไฟล์เป็น Base64
↓
ส่ง JSON ผ่าน cURL
↓
Google Apps Script
↓
ถอดรหัส Base64
↓
สร้างไฟล์
↓
Google Drive
↓
ส่ง URL กลับมายังเว็บไซต์

วิธีติดตั้ง

ขั้นตอนที่ 1
สร้างโฟลเดอร์สำหรับเก็บไฟล์บน Google Drive

1. เข้า Google Drive
2. สร้างโฟลเดอร์ใหม่ เช่น Uploaded Files
3. เปิดโฟลเดอร์ที่สร้าง
4. คัดลอก Folder ID จาก URL

ตัวอย่าง

drive.google.com/drive/folders/XXXXXXXXXXXX

ให้คัดลอกเฉพาะส่วน XXXXXXXXXXXX

ขั้นตอนที่ 2
สร้าง Google Apps Script

1. เข้า script.google.com
2. สร้างโปรเจกต์ใหม่
3. นำโค้ดจาก Code.gs ในระบบไปวาง
4. นำ Folder ID จาก Google Drive ไปใส่ในตัวแปร FOLDER_ID
5. บันทึกโปรเจกต์

ขั้นตอนที่ 3
Deploy Google Apps Script

เลือก

Deploy
→ New deployment
→ เลือก Web app

ตั้งค่าดังนี้

Execute as:
Me

Who has access:
Anyone

จากนั้นกด Deploy

หาก Google ขออนุญาตเข้าถึงบัญชี ให้ดำเนินการอนุญาตตามขั้นตอนของ Google

เมื่อ Deploy สำเร็จ ให้คัดลอก Web App URL ที่ลงท้ายด้วย

/exec

เก็บไว้ เพราะต้องนำไปใช้ใน PHP

ขั้นตอนที่ 4
ตั้งค่า PHP

นำไฟล์

index.php
upload.php
config.php

ไปไว้ในโฟลเดอร์เว็บไซต์ของคุณ

ตัวอย่าง

C:\xampp\htdocs\drive_uploader

หรืออัปโหลดขึ้น Web Hosting ที่รองรับ PHP และ cURL

จากนั้นเปิดไฟล์

config.php

นำ Web App URL ที่ได้จาก Google Apps Script ไปใส่แทน

YOUR_GOOGLE_APPS_SCRIPT_WEB_APP_URL_HERE

บันทึกไฟล์

ขั้นตอนที่ 5
ทดสอบระบบ

เปิดเว็บไซต์ เช่น

http://localhost/drive_uploader/index.php

จากนั้น

1. เลือกไฟล์
2. ตรวจสอบว่าไฟล์มีขนาดไม่เกิน 5MB
3. กดเริ่มอัปโหลดไฟล์
4. ระบบจะส่งไฟล์ไปยัง upload.php
5. PHP จะส่งข้อมูลต่อไปยัง Google Apps Script
6. Google Apps Script จะสร้างไฟล์ใน Google Drive
7. ระบบจะแสดงผลการอัปโหลด
8. สามารถกดปุ่มเพื่อเปิดไฟล์บน Google Drive ได้

ข้อจำกัดที่ควรรู้

ระบบตัวอย่างนี้กำหนดขนาดไฟล์ไว้ไม่เกิน 5MB

สาเหตุสำคัญคือระบบใช้การแปลงไฟล์เป็น Base64 ก่อนส่งผ่าน JSON ซึ่งทำให้ข้อมูลมีขนาดเพิ่มขึ้นประมาณ 33%

ดังนั้นระบบนี้เหมาะกับไฟล์ขนาดเล็ก เช่น

เอกสาร
รูปภาพ
PDF
ไฟล์งานของนักเรียน
แบบฟอร์ม
เอกสารประกอบการเรียน

หากต้องการรองรับไฟล์ขนาดใหญ่ ควรออกแบบระบบ Upload ใหม่ให้เหมาะสมกับการใช้งานจริง

เรื่องความปลอดภัยก็สำคัญ

หากนำระบบขึ้นใช้งานบนเว็บไซต์สาธารณะ ไม่ควรเปิดให้ทุกคนสามารถอัปโหลดไฟล์เข้า Google Drive ได้โดยไม่มีการควบคุม

แนะนำให้เพิ่ม

ระบบ Login
กำหนดสิทธิ์ผู้ใช้งาน
จำกัดประเภทไฟล์
จำกัดขนาดไฟล์
ตรวจสอบนามสกุลและ MIME Type
ป้องกันการส่ง Request ซ้ำ
กำหนดโควตาการอัปโหลด
บันทึกประวัติการอัปโหลด

เพื่อป้องกันการนำระบบไปใช้ในทางที่ไม่เหมาะสม และป้องกันพื้นที่ Google Drive เต็ม

หมายเหตุเกี่ยวกับ Google Apps Script

หากแก้ไข Code.gs แล้ว Web App ที่ Deploy ไว้อาจยังทำงานด้วยเวอร์ชันเดิม

เมื่อต้องการนำโค้ดเวอร์ชันใหม่ไปใช้งาน ให้สร้าง Deployment/Version ใหม่ตามขั้นตอนของ Apps Script และตรวจสอบ Web App URL ให้ถูกต้อง

เหมาะสำหรับนำไปศึกษาและต่อยอด เช่น

ระบบส่งงานนักเรียน
ระบบรับเอกสารออนไลน์
ระบบส่งผลงาน
ระบบรับสมัคร
ระบบอัปโหลดเอกสารราชการ
ระบบส่งไฟล์ประกอบการเรียน
ระบบ Upload ภาพกิจกรรม
ระบบจัดเก็บเอกสารลง Google Drive

ดาวน์โหลดฟรีในระบบ CodeHub

สามารถเข้าไปดาวน์โหลด Source Code พร้อมนำไปศึกษาและพัฒนาต่อยอดได้ในระบบ CodeHub

เงื่อนไขการใช้งาน

แจกฟรีเพื่อการศึกษาและการพัฒนาระบบ
สามารถนำไปปรับแต่งและต่อยอดได้
ไม่อนุญาตให้นำ Source Code นี้ไปจำหน่าย
ไม่อนุญาตให้นำไปแจกต่อในรูปแบบที่มีค่าใช้จ่าย
หากนำไปพัฒนาต่อ สามารถปรับให้เหมาะกับระบบของโรงเรียนหรือหน่วยงานของตนเองได้

จาก PHP
→ Google Apps Script
→ Google Drive

เปลี่ยนเว็บไซต์ธรรมดาให้สามารถรับไฟล์และจัดเก็บบน Cloud ได้ง่ายขึ้น

เหมาะสำหรับครู นักเรียน และนักพัฒนาที่ต้องการศึกษาแนวทางการเชื่อมต่อ PHP กับ Google Apps Script และ Google Drive