Cách tạo liên kết tải xuống (download link) với HTML

Để tạo liên kết tải xuống với HTML, sử dụng thuộc tính download trên thẻ <a> như ví dụ dưới đây:

Ví dụ

<!DOCTYPE html>
<html>
<body>
  <h1>Ví dụ Download Link</h1>
  <a href="https://i.picsum.photos/id/225/800/800.jpg" download>
    <img src="https://i.picsum.photos/id/225/800/800.jpg" style="width: 300px;height: 300px;">
  </a>
  <h2>Click vào hình ảnh trên để tải xuống</h2>
</body>
</html>

Kết quả

Mã trên sẽ tạo ra giao diện:

Giải thích: Thuộc tính download yêu cầu trình duyệt tải xuống tài nguyên thay vì điều hướng đến nó. Bạn cũng có thể chỉ định tên file tải về: download="ten-file.jpg". Lưu ý: Do chính sách cùng nguồn (same-origin policy), thuộc tính này chỉ hoạt động với file cùng domain hoặc khi server gửi header Content-Disposition: attachment.