<a href=/user/test/xxxx.txt download=filename.txt>คลิกเพื่อดาวน์โหลด</a>
ด้วยวิธีนี้ เมื่อผู้ใช้เปิดเบราว์เซอร์และคลิกลิงก์ ไฟล์จะถูกดาวน์โหลดโดยตรง
แต่มีสถานการณ์เช่น txt, png, jpg และไฟล์อื่น ๆ ที่เบราว์เซอร์รองรับการเปิดโดยตรง จะไม่ทำงานดาวน์โหลด แต่จะเปิดไฟล์โดยตรง ในกรณีนี้ คุณต้องเพิ่มคุณสมบัติการดาวน์โหลดลงไป แท็ก;
ต่อไปนี้เป็นตัวอย่างย้ายไปที่แท็ก <a> เพื่อแสดงเส้นทางของไฟล์ และกรอกเส้นทางของไฟล์ให้สมบูรณ์ตามคำแนะนำของเส้นทาง
<!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <a href=321.png download=test.png>คลิกเพื่อดาวน์โหลด< / ก> </ร่างกาย> </html>
หากคุณต้องการดาวน์โหลดภาพที่อัพโหลดจากหน้าเว็บ คุณสามารถใช้วิธีการต่อไปนี้:
รับชื่อโดเมนโฮสต์:
location.ชื่อโฮสต์
รับหมายเลขพอร์ต:
ที่ตั้งพอร์ต
2. ใช้ปุ่มเพื่อตรวจสอบการตรวจสอบปุ่มสามารถแบ่งออกเป็นสองวิธี:
หนึ่งคือ window.open()var $eleBtn1 = $(#btn1); var $eleBtn2 = $(#btn2); // รู้จักอินเทอร์เฟซแบ็กเอนด์สำหรับการดาวน์โหลดไฟล์: https://codeload.github.com/douban/douban-client/legacy /master //วิธีที่ 1: window.open() $eleBtn1.click(function(){ window.open(https://codeload.github.com/douban/douban-client/legacy.zip/master });ประการที่สองคือการยื่นแบบฟอร์ม
//วิธีที่ 2: ผ่านแบบฟอร์ม $eleBtn2.click(function(){ var $eleForm = $(<form method='get'></form>); $eleForm.attr(action,https://codeload.github .com/douban/douban-client/legacy.zip/master); $(document.body).append($eleForm); //ส่งแบบฟอร์มเพื่อดาวน์โหลด $eleForm.submit(); -สรุป
ข้างต้นเป็นสองวิธีในการใช้ไฟล์คลิกเพื่อดาวน์โหลดไฟล์บนหน้า HTML ที่โปรแกรมแก้ไขแนะนำ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใดๆ โปรดฝากข้อความถึงฉัน แล้วโปรแกรมแก้ไขจะตอบกลับคุณทันเวลา . ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!