Ví dụ trên sử dụng tệp Ogg và sẽ hoạt động trong Firefox, Opera, Chrome và Edge. Tuy nhiên để phát được file âm thanh trên IE hoặc Safari thì chúng ta phải sử dụng file MP3 Để làm cho nó hoạt động trong tất cả các trình duyệt - hãy sử dụng các phần tử bên trong phần tử Ví dụ
Trình duyệt của bạn không hỗ trợ thẻ âm thanh.
Tự mình thử »
Hỗ trợ trình duyệtCác số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính Thuộc tínhrc4. 09. 03. 54. 011. 5Ghi chú. Thuộc tính src được hỗ trợ trong tất cả các trình duyệt chính, tuy nhiên, định dạng tệp có thể không được hỗ trợ trong tất cả các trình duyệt Để kích hoạt tải xuống tệp khi nhấp vào nút, chúng tôi sẽ sử dụng chức năng tùy chỉnh hoặc thuộc tính tải xuống HTML 5 Cách tiếp cận 1. Sử dụng thuộc tính Tải xuống Thuộc tính tải xuống chỉ cần sử dụng thẻ neo để chuẩn bị vị trí của tệp cần tải xuống. Tên của tệp có thể được đặt bằng tên giá trị thuộc tính, nếu không được cung cấp thì tên tệp gốc sẽ được sử dụng cú pháp <a download="filename"> - tên tập tin. thuộc tính chỉ định tên của tệp sẽ được tải xuống
Ví dụ. html
<!DOCTYPE html>
<html>
____5>
<<!DOCTYPE html>1>
<!DOCTYPE html>3<!DOCTYPE html>4
<!DOCTYPE html>3<!DOCTYPE html>6
<!DOCTYPE html>3<!DOCTYPE html>8
<0<!DOCTYPE html>1>
<5<6
<!DOCTYPE html>3<8
<5>
<!DOCTYPE html>3html4
html5html6
<!DOCTYPE html>3html8
html5>0
html5>2
html5>4
html5>6
html5>8
<!DOCTYPE html>3< 1 2 3 4 5 3 7>
<!DOCTYPE html>3<<1 <2 3<4<5<1>
<!DOCTYPE html>3<0 1>
____50>
<0html>
đầu ra. Cách tiếp cận 2. Sử dụng chức năng javascript tùy chỉnh - lần đầu tiên tạo một vùng văn bản nơi tất cả các kiểu nhập văn bản sẽ được phát hành
- tạo một thẻ neo bằng thuộc tính createElement và sau đó gán cho nó thuộc tính download và href
- encodeURIComponent sẽ mã hóa mọi thứ với ý nghĩa đặc biệt, vì vậy bạn sử dụng nó cho các thành phần của URI.
Ví dụ: nếu chúng tôi có văn bản như “Xin chào. Geek?”, có các ký tự đặc biệt trong này, vì vậy encodeURIComponent sẽ mã hóa chúng và nối thêm để sử dụng tiếp. - dữ liệu. văn bản/đồng bằng; . Phương thức click() mô phỏng thao tác nhấp chuột vào một phần tử
- Sau đó, chúng tôi chỉ cần gọi chức năng tải xuống của mình bằng văn bản từ vùng văn bản và tên tệp của chúng tôi là “GFG. txt” làm tham số trên nút nhập liệu có id ‘btn’
Ví dụ. html
<!DOCTYPE html>
<html>
____5>
<<!DOCTYPE html>1>
<!DOCTYPE html>3<!DOCTYPE html>4
<!DOCTYPE html>3<!DOCTYPE html>6
<!DOCTYPE html>3<!DOCTYPE html>8
<0<!DOCTYPE html>1>
<5>
<!DOCTYPE html>05<!DOCTYPE html>06
<!DOCTYPE html>05<8
<5>
<!DOCTYPE html>3<<!DOCTYPE html>15 <!DOCTYPE html>16 3<!DOCTYPE html>18>
<!DOCTYPE html>20<!DOCTYPE html>21
_______43____50____415____7 <!DOCTYPE html>3<<!DOCTYPE html>28<!DOCTYPE html>29
<!DOCTYPE html>3<<!DOCTYPE html>32 <2 3<4 <!DOCTYPE html>16 3<!DOCTYPE html>38
<!DOCTYPE html>39<!DOCTYPE html>40 3<!DOCTYPE html>42 <!DOCTYPE html>29
<!DOCTYPE html>3<<!DOCTYPE html>46>
html5<!DOCTYPE html>49
html5
<!DOCTYPE html>39<!DOCTYPE html>52
<!DOCTYPE html>39<!DOCTYPE html>54
<!DOCTYPE html>39<!DOCTYPE html>56
<!DOCTYPE html>39<!DOCTYPE html>58
<!DOCTYPE html>39<!DOCTYPE html>60
<!DOCTYPE html>39<!DOCTYPE html>62
html5
_______439____465 <!DOCTYPE html>39<!DOCTYPE html>67 1 2 3<!DOCTYPE html>71 5 3<!DOCTYPE html>74>
html5
<!DOCTYPE html>39<!DOCTYPE html>78
html5
<!DOCTYPE html>39<!DOCTYPE html>81
<!DOCTYPE html>39<!DOCTYPE html>83
html5
<!DOCTYPE html>39<!DOCTYPE html>86
html5<!DOCTYPE html>8
html5
html5<!DOCTYPE html>91
html5<!DOCTYPE html>93
html5<!DOCTYPE html>95
<!DOCTYPE html>39<!DOCTYPE html>97
<!DOCTYPE html>39<!DOCTYPE html>99
_______439____501 _______439____503 html5
_______439____506 html5<08
<!DOCTYPE html>3<0<!DOCTYPE html>46>
____50>
<0html>
đầu ra. Cách tiếp cận 3. Sử dụng chức năng javascript tùy chỉnh với Thư viện Axios Trong ví dụ này, chúng tôi sẽ tải xuống hình ảnh và tệp bằng Axios. Điều này yêu cầu một chút kiến thức trung cấp về JavaScript để hoạt động và trong ví dụ này, thư viện Axios sẽ được sử dụng html
<!DOCTYPE html>
<!DOCTYPE html>
<html>
____5<27>
<31<32<31>
<<!DOCTYPE html>1>
_______43____540 _______43____542 _______43____544 <!DOCTYPE html>3<!DOCTYPE html>8
<0<!DOCTYPE html>1>
<0<27>
____5>
<5 <!DOCTYPE html>16 3<64>
<68 <!DOCTYPE html>1 3<71>
_______43____574 <68>
>
<1 <86 3<88>
<!DOCTYPE html>05<91
<5 <99 3html01>
<!DOCTYPE html>3html04
<!DOCTYPE html>3html06
>
____50>
______5<!DOCTYPE html>46 html18 3
html20>
<0<!DOCTYPE html>46>
______5<!DOCTYPE html>46>
<!DOCTYPE html>05html33
html34____635
html34____637
html34____639
<!DOCTYPE html>20html45
<!DOCTYPE html>20html47
html48html49
html48html51
html48html53
html48html55
html48html57
<0<!DOCTYPE html>46>
<0html>
<0html>
đầu ra. JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này
Làm cách nào để tải xuống tệp âm thanh JavaScript?
Làm cách nào để tải xuống tệp từ URL trong JavaScript?
Vậy các bước tải file sẽ là. . Sử dụng API tìm nạp để tải xuống tệp tập lệnh Chuyển đổi dữ liệu thành loại blob Chuyển đổi đối tượng blob thành chuỗi bằng cách sử dụng URL. tạoObjectURL() JavaScript có thể tải xuống tệp không?
Sử dụng Blob để tải xuống tệp
. Sử dụng API tìm nạp để tải xuống tệp tập lệnh. Chuyển đổi dữ liệu thành loại blob. Chuyển đổi đối tượng blob thành chuỗi bằng cách sử dụng URL
Làm cách nào để kích hoạt tải xuống tệp khi nhấp vào nút HTML?
Để kích hoạt tải xuống tệp khi nhấp vào nút, chúng tôi sẽ sử dụng chức năng tùy chỉnh hoặc thuộc tính tải xuống HTML 5 . Thuộc tính tải xuống chỉ cần sử dụng thẻ neo để chuẩn bị vị trí của tệp cần tải xuống. | 
