วิธีการแสดงภาพจาก Google Drive ในเว็บไซต์ด้วย Python และ Google Apps Script

โพสต์เมื่อวันที่ 2 ตุลาคม 2567

หลายคนอาจใช้ Google Drive ในการเก็บไฟล์รูปภาพเพื่อนำมาแสดงบนเว็บไซต์ โดยปกติแล้ว เรามักใช้งาน URL รูปแบบนี้:

`https://drive.google.com/uc?export=view&id=FILE_ID`

แต่ปัจจุบัน Google ไม่รองรับการเข้าถึงไฟล์ด้วยวิธีนี้อีกต่อไป หลังจากค้นคว้าพบว่า การใช้ URL แบบ thumbnail แทนจะสามารถทำงานได้:

`https://drive.google.com/thumbnail?id=FILE_ID&sz=s4000`

โดยใน URL นี้ “sz” คือการระบุขนาดของภาพ ซึ่งสามารถใส่ค่าได้สูงสุดถึง 4000

บทความนี้จะอธิบายวิธีการนำรูปภาพจาก Google Drive มาแสดงใน Google Apps Script โดยแบ่งวิธีการออกเป็น 3 รูปแบบ ได้แก่:

1. ใช้ URL รูปแบบเก่า (ซึ่งไม่สามารถใช้งานได้แล้ว)

2. ใช้ URL รูปแบบใหม่ในไฟล์ HTML

3. ใช้ URL รูปแบบใหม่ในไฟล์ `.gs` แล้วเรียกใช้ในไฟล์ HTML

หลังจากนำโค้ด HTML และ `.gs` มาใส่ในโปรเจ็กต์แล้ว สามารถหยุดวิดีโอหรืออ่านบทความเพื่อศึกษาโค้ดในแต่ละส่วน

ขั้นตอนถัดไปจะมีการปรับเปลี่ยนข้อความเล็กน้อยในโค้ดเพื่อแสดงให้เห็นว่าโค้ดสามารถทำงานได้จริง จากนั้นบันทึกการเปลี่ยนแปลง

หากคุณไม่พบ URL สำหรับการ deploy แอป ให้คลิกที่นี่เพื่อตรวจสอบ หากยังไม่ได้ deploy เป็น web app คุณจะต้อง deploy ก่อนตามขั้นตอนนี้

เมื่อได้ URL ของ web app แล้ว ทำการเปลี่ยนแปลงโค้ดเล็กน้อยอีกครั้งเพื่อให้เห็นว่าแอปสามารถอัปเดตการเปลี่ยนแปลงได้ทันทีหลังจากกดบันทึก

จบบทความแล้ว! หากคุณชอบบทความนี้ อย่าลืมกดติดตามช่องของเราด้วยนะครับ ขอบคุณ!