Google Drive Direct link

 

อัสซาลามูอาลัยกุมฯ

เวลาเราเอาไฟล์ของเราไปเก็บใน Google Drive เราสามารถแชร์ลิ้งค์ให้คนอื่นเข้ามาดูได้หรือแก้ไขไฟล์ได้ นอกจากนั้นสาย Developer จะนิยมฝากไฟล์เก็บใว้ในไดรฟ์แล้วเรียกกลับมาใช้ผ่านแอปออนไลน์ต่างๆอีกด้วย ซึ่งถ้าเราแชร์ไฟล์แล้วเราจะได้ลิ้งค์มาประมาณนี้

https://drive.google.com/file/d/{ID_FILE}/view?usp=sharing

ตัวอย่างเช่น

https://drive.google.com/file/d/1XM9TXrj5bfc7I_n9MpJuMUGkeqkAQWtU/view?usp=sharing

ก่อนหน้านี้สาย Developer จะนิยมแปลงจากลิ้งค์ที่แชร์เหมือนตัวอย่างข้างต้นมาเป็นลิ้งค์ uc เพื่อเข้าถึงไฟล์โดยตรงที่อยู่ในไดรฟ์ ก็จะแปลงลิ้งค์ประมาณนี้

https://drive.google.com/uc?id={ID_FILE}

ถ้าแปลงจากตัวอย่างข้างบนก็จะได้

https://drive.google.com/uc?id=1XM9TXrj5bfc7I_n9MpJuMUGkeqkAQWtU

และลิ้งค์ในรูปแบบนี้มีการนำไปใช้งานอย่างแพร่หลาย มาจนถึงปี 2024 ถึงคราว Google มีการพัฒนาเปลี่ยนแปลงและได้ยกเลิกการเข้าถึงลิ้งค์แบบ uc ข้างต้นถือเป็นฝันร้ายของนักพัฒนาหลายๆคน รวมถึงผมด้วย ตั้งแต่นั้นมาหลายคนพยายามหาหนทางแก้เพื่อที่จะแทนที่ลิ้งค์ uc เดิมก็จะได้ตัวแทนประมาณนี้

ลิ้งค์ lh3-lh6

รูปแบบ

https://lh3.googleusercontent.com/d/{ID_FILE}

https://lh4.googleusercontent.com/d/{ID_FILE}

https://lh5.googleusercontent.com/d/{ID_FILE}

https://lh6.googleusercontent.com/d/{ID_FILE}

https://lh3.google.com/u/0/d/{ID_FILE}

https://lh4.google.com/u/0/d/{ID_FILE}

https://lh5.google.com/u/0/d/{ID_FILE}

https://lh6.google.com/u/0/d/{ID_FILE}

สำหรับรูปภาพสามารถใช้ได้กับลิ้งค์ lh3-lh6 ข้างต้นโดยเอาไอดีไฟล์มาต่อท้ายก็จะได้เป็นลิ้งค์ภาพมาใช้งาน ข้อดีของลิ้งค์นี้คือโหลดเร็ว ไม่มีปัญหากับระบบ iOS สามารถแปลงไฟล์ชนิดต่างๆให้มาเป็นไฟล์ภาพได้ด้วยการใช้ลิงค์ชนิดนี้ 

ตัวอย่างการนำไปใช้งาน

https://lh3.googleusercontent.com/d/1XM9TXrj5bfc7I_n9MpJuMUGkeqkAQWtU

ผลที่ได้จะได้ภาพนี้

ข้อเสียคือ ลิ้งค์นี้ใช้ได้เฉพาะไฟล์ที่เราต้องการให้เป็นรูปภาพเท่านั้น กรณีไฟล์ pdf, doc, slide, powerpoint, word, sheet, excel และไฟล์อื่นๆที่มีหลายหน้า เวลาเอาไอดีไฟล์มาต่อท้ายลิ้งค์ lh3-lh6 นี้จะได้ภาพหน้าแรกแค่หน้าเดียว และจะถูกปรับให้ขนาดไฟล์เล็กลง ถ้าต้องการใช้แบบความละเอียดสูงใช้ลิ้งค์แบบนี้คงไม่เหมาะ ถึงยังไงคุณภาพยังพอรับได้อยู่ครับ

กรณีต้องการปรับขนาดให้เล็กลงเช่นปรับให้เหลือขนาด 200 ก็ให้ให้ต่อท้ายหลังไอดีไฟล์ =s200

ตัวอย่างการนำไปใช้งาน

https://lh3.googleusercontent.com/d/1XM9TXrj5bfc7I_n9MpJuMUGkeqkAQWtU=s200

ผลลัพท์คือ

ลิ้งค์ thumbnail

รูปแบบ

https://drive.google.com/thumbnail?id={ID_FILE}&sz=w1000

เป็นการดึงภาพตัวอย่างมาแสดงซึ่งสามารถกำหนดขนาดไฟล์ได้ว่าต้องการขนาดไฟล์กว้างเท่าไร ในตัวอย่างข้างต้น sz=w1000 หมายถึง ขนาดความกว้างเท่ากับ 1000 พิกเซล ซึ่งเราสามารถกำหนดความสูงก็ได้โดยใช้ h แทน w 

การโหลดลิ้งค์แบบนี้ถือว่าเร็วมากเนื่องจากเราสามารถกำหนดขนาดได้นั้นเอง และยังสามารถแปลงไฟล์ที่ไม่ใช่ไฟล์ภาพให้มาเป็นไฟล์ภาพได้เหมือนกับลิ้งค์ lh3-lh6 ด้วยเช่นกัน

ตัวอย่างการนำไปใช้งาน

https://drive.google.com/thumbnail?id=1XM9TXrj5bfc7I_n9MpJuMUGkeqkAQWtU&sz=w500

ผลลัพท์จะได้ดังนี้

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

ลิ้งค์ lienuc

รูปแบบ

https://drive.lienuc.com/uc?id={ID_FILE} 

จำเป็นต้องใส่ Attribute

crossorigin="anonymous"

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

เท่าที่ผมได้ทดสอบมาลิ้งค์นี้สามารถใช้ได้ทั้งไฟล์ภาพ ไฟล์เสียง วีดีโอ และไฟล์เอกสารชนิดอื่นๆ เช่น JavaScript, CSS เป็นต้น เพราะเหตุนี้ผมจึงบอกว่ามาแทนที่ลิ้งค์ uc เดิม แต่ลิ้งค์นี้ในการใช้งานจะต้องเพิ่มแอตทริบิวท์ crossorigin="anonymous" ให้กับแท็กเสมอ ถ้าลืมใส่ก็จะไม่ได้ผล แต่ก็ถือว่าไม่ยาวมากครับ

ตัวอย่างการนำไปใช้งานกับไฟล์รูปภาพ

<img src="https://drive.lienuc.com/uc?id=1XM9TXrj5bfc7I_n9MpJuMUGkeqkAQWtU" crossorigin="anonymous" width="200px" height="200px" />

ผลลัพท์รูปภาพ

ตัวอย่างการนำไปใช้งานกับไฟล์เสียง

<audio crossorigin="anonymous" controls>
<source src="https://drive.lienuc.com/uc?id=1wjsgJusecGLRXARmGZv-KKv7ELRfEifM">
</audio>

ผลลัพท์ไฟล์เสียง

ตัวอย่างการนำไปใช้งานกับไฟล์วีดีโอ

<video crossorigin="anonymous" controls>
<source src="https://drive.lienuc.com/uc?id=19EJub7p-nPe8rb7rLls2JnNjim1_xdt7">
</video>

ผลลัพท์ไฟล์วีดีโอ

ตัวอย่างการนำไปใช้งานกับไฟล์ JavaScript

<script src="https://drive.lienuc.com/uc?id=1XM9TXrj5bfc7I_n9MpJuMUGkeqkAQWtU" crossorigin="anonymous"></script>

ข้อเสีย

• เท่าที่ผมทดสอบมาใช้งานได้ปกติกับบัญชี gmail ทั่วไป แต่บัญชีองค์กรที่ผมมีอยู่ไม่สามารถใช้งานได้ ไม่ทราบว่าองค์กรอื่นเป็นเหมือนกันหรือเปล่า
• ไม่สามารถใช้งานได้กับไฟล์ที่มีขนาดใหญ่กว่า 10 Mb
• หากลืมระบุแอตทริบิวต์ crossorigin="anonymous" ก็จะไม่สามารถแสดงผลได้
• ถ้าลืมแชร์จะไม่สามารถแสดงผลได้ถึงแแม้ว่าเราล็อกอินอีเมล์นั้นอยู่ในเครื่องเดียวกัน

อื่นๆ

สามารถดูเพิ่มเติมและตัวอย่างโค้ดการใช้งาน https://lienuc.com/

ไอเดียอื่นๆในการนำไฟล์ในไดรฟ์มาใช้งาน

บางคนใช้ลิ้งค์นี้ในการนำรูปภาพไปแสดงบนหน้าเว็บ

ตัวอย่างการนำนำรูปภาพไปแสดงในหน้าเว็บโดยฝังใน iframe

<iframe 
  src="https://drive.google.com/file/d/{ID_FILE}/preview" 
  width="640" height="480" allow="autoplay">
</iframe>

ครั้งนี้ผมขออนุญาตนำเสนอเพียงแค่นี้ หวังว่าบทความนี้มีประโยชน์กับหลายๆท่านที่มาอ่านบทความนี้ บทความนี้อาจจะมีข้อบกพร่องหรือไม่ครบสมบูรณ์ก็สามารถแนะนำเพิ่มเติมได้นะครับ หากมีข้อผิดพลาดประการใดก็ขออภัยด้วยนะครับ

วัสซาลาม