Mã html tải xuống miễn phí
Tạo một liên kết tải xuống trong HTML thì đơn giản; . Tuy nhiên, một số loại tệp tin, (không hạn chế như hình ảnh,. pdf,. txt and. doc) sẽ không tải về được. Thay vào đó, chúng sẽ được mở trong trình duyệt Nếu bạn có khả năng truy xuất đến máy chủ chứa trang web của bạn thì có một số giải pháp mà bạn có thể sử dụng, giả sử như cấu hình 17, để trực tiếp tải xuống các tập tin. Nếu trang web của bạn được lưu trữ với một dịch vụ miễn phí như WordPress. com, Blogspot, hoặc có thể Trang Github mà không cho phép bạn làm như vậy, thì hãy xem xét sử dụng thuộc tính 18 Sử dụng thuộc tính "Download"Thuộc tính 18 là một phần của HTML5 và có thể tạo ra một liên kết tải về chứ không phải là một liên kết điều hướng Có thể bạn quan tâmThuộc tính 18 cũng cho phép bạn đổi tên tệp sau khi tải xuống. Khi tập tin nằm trên máy chủ, đặc biệt là nếu nó được tự động tạo ra, nó có thể được đặt tên theo hệ thống và dấu gạch ngang, ví dụ. if ( ! Modernizr.adownload ) {1. Sẽ tốt hơn nếu để người dùng nhận được các tập tin với một tên hợp lý hơn khi tải về, có thể như vậy. if ( ! Modernizr.adownload ) {2 (đừng quên phần mở rộng tệp) Tools 1 href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text
Hãy thử trang demo và bạn thấy tệp được tải xuống có tên chỉ được xác định trong thuộc tính 18 Một số lưu ý
Phương án dự phòngTại thời điểm bài viết, thuộc tính 18 vẫn chưa được cài đặt trong trình duyệt Safari và Internet Explorer (như bạn kỳ vọng). Tuy nhiên, theo trạng thái hiện đại của IE, nó đang ở trên danh sách phát triển ưu tiên và nhận được nhiều yêu cầu Trong khi chờ đợi, chúng ta có thể thêm một phương án dự phòng, giả sử có giới hạn như cung cấp thêm các hướng dẫn bên dưới liên kết tải xuống trong trình duyệt không hỗ trợ. Để làm như vậy, chúng ta cần phải tải xuống Modernizr và bao gồm kiểm tra tính năng 18 Sau đó, chúng ta có thể thêm các mã sau đây 1 if ( ! Modernizr.adownload ) { 14 15 16 17 18_______19 href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text
0 href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text
1 href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text
2 href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text
3 href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text
4 href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text
5 href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text
6 href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text
7 href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text
8 href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text
910 11 12 13 14 15 Đoạn mã sẽ kiểm tra xem trình duyệt có hỗ trợ các thuộc tính 18 hay không; Tổng kếtCác thuộc tính 18 làm cho việc xử lý các liên kết tải xuống rất thuận tiện cho những ai đã có quyền truy cập cấu hình trên máy chủ. Tôi mong rằng Internet Explorer và Safari sẽ sớm cài đặt thuộc tính 18 |