HTML5和JavaScript代碼可以實現文件下載功能,可以通過a標簽來實現文件下載,也可以使用JavaScript來實現文件的下載。
具體代碼如下:
使用a標簽來實現文件下載
使用a標簽來實現文件下載的代碼:
<a href="myfile.pdf" download>下載文件</a>在a標簽中添加download屬性,該屬性可以讓瀏覽器直接下載文件。 使用JavaScript來實現文件下載
使用JavaScript來實現文件下載的代碼:
<button onclick="downloadFile()">點擊下載文件</button><script>function downloadFile() { var url = "http://example.com/myfile.pdf"; var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'blob'; xhr.onload = function(e) { if (this.status == 200) { var blob = new Blob([this.response], {type: 'application/pdf'}); var link = document.createElement('a'); link.href = window.URL.createObjectURL(blob); link.download = "myfile.pdf"; link.click(); } }; xhr.send(); } </script>使用JavaScript的XMLHttpRequest對象來獲取文件的blob數據,并通過創建a標簽并設置其href屬性和download屬性來實現文件的下載。 需要注意的是,因為瀏覽器的安全機制,在JavaScript中不能直接獲取本地文件進行下載,必須通過服務器來實現文件下載。
上一篇css動畫旋轉打斷