Đang tải tài nguyên xuống ở dạng HTML5 - a[tải xuống]

Chrome hiện hỗ trợ thuộc tính download mới của quy cách HTML cho các phần tử a. Khi được sử dụng, thuộc tính này cho biết rằng trình duyệt phải tải tài nguyên mà thuộc tính này trỏ đến thay vì chuyển đến tài nguyên đó.

Trong phần Tải tài nguyên xuống:

Ví dụ: khi nhấp vào đường liên kết sau, tệp .png sẽ được tải xuống dưới dạng "MyGoogleLogo.png" thay vì chuyển đến giá trị href của tệp: tải tôi xuống. Mã đánh dấu cho nội dung này như sau:

<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>

Lợi ích thực sự của a[download] sẽ là khi làm việc với các URL blob:filesystem:. Điều này sẽ giúp người dùng có cách tải nội dung đã tạo/sửa đổi trong ứng dụng của bạn xuống.

Bản minh hoạ đầy đủ

Một điều cần lưu ý là trong ví dụ trên, hình ảnh có cùng nguồn gốc với trang web. Nếu bạn cố gắng sử dụng đường liên kết của hình ảnh từ một nguồn khác, thì đường liên kết đó có thể không hoạt động như một đường liên kết điều hướng thay vì đường liên kết tải xuống. Nguyên nhân là do nhiều phiên bản trình duyệt không hỗ trợ chính sách tải xuống trên các tệp đa nguồn gốc. Ví dụ: các phiên bản Chrome trước phiên bản 65 cho phép tải tệp qua nhiều nguồn gốc xuống và tính năng này không được dùng nữa trong các phiên bản sau. Hãy đọc bài viết này để biết thêm thông tin. Bạn có thể sử dụng tiêu đề Content-Disposition để buộc tải xuống từ một nguồn gốc khác.

Hỗ trợ trình duyệt: chỉ bản phát hành kênh nhà phát triển Chrome hiện tại (14.0.835.15 trở lên) mới hỗ trợ thuộc tính này.