Cách chỉ định tệp tải về khi nhấp liên kết (download attribute) trong HTML?

Sử dụng thuộc tính download trên <a> để yêu cầu trình duyệt tải tệp thay vì điều hướng. Giá trị tùy chọn: tên tệp mong muốn (nếu bỏ trống, dùng tên gốc).

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <h3>Câu lệnh if trong Java</h3>
    <p>Hình ảnh minh họa khái niệm if-statement trong Java (Nhấn để tải):</p>
    <a href="https://www.tutorialspoint.com/java/images/if_statement.jpg" download>
      <img border="0" src="https://www.tutorialspoint.com/java/images/if_statement.jpg" alt="Java" width="400" height="450">
    </a>
  </body>
</html>

Lưu ý

• Chỉ hoạt động cho cùng origin (same-origin) hoặc tệp blob:/data: URL do chính sách bảo mật (CORS).
• Nếu cross-origin, trình duyệt có thể vẫn mở thay vì tải (tùy header Content-Disposition).
• Đặt tên tệp: download="ten-file-moi.jpg".
• Không hoạt động trên <button> — chỉ <a> và <area>.

Ví dụ đặt tên tùy chỉnh

<a href="/files/report.pdf" download="Bao-cao-Quy-1-2024.pdf">Tải báo cáo</a>