ถ้าเขียน php คงจะคุ้นกับการที่ใช้ php อ่านไฟล์แล้วใช้คำสั่ง header ให้ download เป็นชื่ออื่น ๆ
ถ้าไฟล์ไม่เป็นความลับที่จะต้องปกปิด หรือไม่ใช่ไฟล์ที่ generate ออกมาใหม่ สามารถใช้ความสามารถใหม่ใน HTML5 ได้ คือ download attribute วิธีใช้ก็ง่ายมาก
downloadAttribute.html
<!DOCTYPE html>
<html>
<head>
<title>HTML5 : Download Attribute</title>
<meta name="author" content="Pitt Phunsanit">
</head>
<body>
<h1>Download With Other Name</h1>
<a href="IMG_0003.JPG" download="Pitt_Phunsanit">Download File With Name</a>
</body>
</html>
อธิบายง่าย ๆ คือ ทำลิงค์ตามปกติแค่ใส่
- attribute href ชี้ว่าไฟล์อยู่ที่ไหน
- attribute download จะบอกชื่อไฟล์ ถ้าไม่ใส่นามสกุลให้ มันจะเอานามสกุลไฟล์เดิมใส่ให้อัตโนมัติ
แต่เพราะเป็นคำสั่งใหม่ จึงมี browser รองรับดังนี้
- google chrome 14.0
- microsoft edge 13.0
- mozilla firefox 20.0
- opera 15.0 นู๋ก็รับนะ
- apple safari ไม่รับอยู่เจ้าเดียว
สรุปง่าย ๆ คือ windows ต่ำกว่า 10 กับ mac มันจะใช้ไม่ได้ 100% จึงเป็นตัวเลือกที่ต้องใช้เทคนิคอื่นร่วมด้วย
อ่านเพิ่มเติม