คำตอบของเบราว์เซอร์ Chrome / Firefox Chrome / Firefox สามารถใช้HTML5 ดาวน์โหลดแอตทริบิวต์
เท่าที่ฉันรู้ Safari ยังไม่รองรับ
เนื่องจากคุณกำลังสร้างหน้าเว็บ คุณสามารถเพิ่มแอททริบิวต์ดาวน์โหลดลงในลิงก์และให้ชื่อคลาสที่จะช่วยคุณค้นหา
จากนั้นคุณใช้ปุ่มที่เรียกใช้ฟังก์ชันจาวาสคริปต์ที่จะจำลองการคลิกลิงก์ที่ใช้คุณลักษณะการดาวน์โหลดเพื่อบังคับให้ไฟล์ดาวน์โหลดแทนที่จะเปิด
ตัวอย่าง.
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script>
function downloadURLS() {
var links = document.getElementsByClassName("downloadLnk");
for(var i=0; i<links.length; i++) {
links[i].click();
}
}
</script>
</head>
<body>
<p>
<!-- add the download attribute, and add the class name downloadLnk -->
<!--The download attribute will work in Chrome, but as of yet not Safari-->
<a class="downloadLnk" href="subdir/1.jpeg" download > image link</a>
</a>
</p>
<p>
<a class="downloadLnk" href="subdir/2.jpeg" download > image link</a>
</a>
</p>
<p>
<a class="downloadLnk" href="subdir/3.jpeg" download > image link</a>
</a>
</p>
<div>
<button onclick="downloadURLS()">download all</button>
</div>
</body>
</html>
ยังไม่ได้ว่าภาพที่อยู่ในไดเรกทอรีย่อย
หน้าตัวอย่างการทำงาน