ถ้าเขียน php คงจะคุ้นกับการที่ใช้ php อ่านไฟล์แล้วใช้คำสั้่ง header ให้ download เป็นชื่ออื่นๆ
ถ้าไฟล์ไม่เป็นความลับที่จะต้องปกปิด หรือไม่ใช่ไฟล์ที่ generate ออกมาใหม่ สามารถใช้ความสามารถใหม่ใน HTML5 ได้ คือ download attribute วิธีใช้ก็ง่ายมาก
1 2 3 4 5 6 7 8 9 10 11 | <!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% จึงเป็นตัวเลือกที่ต้องใช้เทคนิคอื่นร่วมด้วย