การดาวน์โหลดทรัพยากรในรูปแบบ HTML5 - a[ดาวน์โหลด]
bookmark_borderbookmark
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ตอนนี้ 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 ขึ้นไป) เท่านั้นที่รองรับแอตทริบิวต์นี้
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2011-08-01 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2011-08-01 UTC"],[],[]]