Đ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 thông số 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ụ: nhấp vào liên kết sau sẽ tải xuống .png dưới dạng "MyGoogleLogo.png" thay vì điều hướng đến giá trị href của liên kết: tải xuống tôi. 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: URLhệ thống tệp: URL. Tính năng này sẽ cung cấp cho người dùng cách tải nội dung được 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ố sử dụng đường liên kết đến hình ảnh từ nguồn khác, thì đường liên kết đó có thể không hoạt động dưới dạng đườ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 phát triển Chrome hiện tại (14.0.835.15+) mới hỗ trợ thuộc tính này.