การดาวน์โหลดทรัพยากรในรูปแบบ HTML5 - a[ดาวน์โหลด]

ตอนนี้ Chrome รองรับแอตทริบิวต์ download ใหม่ของข้อกำหนด HTML สำหรับองค์ประกอบ a แล้ว เมื่อใช้ แอตทริบิวต์นี้จะบ่งบอกว่าเบราว์เซอร์ควรดาวน์โหลดทรัพยากรที่ชี้ไปแทนการไปยังทรัพยากรนั้น

จากการดาวน์โหลดทรัพยากร

เช่น การคลิกลิงก์ต่อไปนี้จะดาวน์โหลดไฟล์ .png เป็น "MyGoogleLogo.png" แทนที่จะไปยังค่า href ของ download me มาร์กอัปสำหรับกรณีนี้มีดังนี้

<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>

ประโยชน์ที่แท้จริงของ a[download] จะแสดงเมื่อทำงานกับ URL blob: และ filesystem: ซึ่งจะช่วยให้ผู้ใช้มีวิธีดาวน์โหลดเนื้อหาที่สร้าง/แก้ไขภายในแอป

การสาธิตแบบเต็ม

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

การรองรับเบราว์เซอร์: เฉพาะเวอร์ชันปัจจุบันของช่องทางนักพัฒนาซอฟต์แวร์ Chrome (14.0.835.15 ขึ้นไป) เท่านั้นที่รองรับแอตทริบิวต์นี้