a 標簽下載

// a標簽下載文件，可跨域下載function aDownlad(url, fileName) {const link = document.createElement('a')link.href = urllink.target = '_blank'link.download = fileNamelink.style.display = 'none'document.body.append(link)link.click()}

blob下載文件

// 通過blob下載文件function downloadByBlob(blob, fileName) {if (window.navigator.msSaveBlob) {//ie下載window.navigator.msSaveBlob(blob, fileName)} else {const URL = window.URL || window.webkitURLconst url = URL.createObjectURL(blob)aDownlad(url, fileName)}}

XMLHttpRequest下載文件

跨域情況下，該方法失效

// 通過XMLHttpRequest下載文件function downloadFileByUrl(url, fileName) {const xhr = new XMLHttpRequest();xhr.open('GET', url, true);xhr.responseType = 'blob';xhr.onload = () => {if (xhr.status === 200) {// 獲取blob數據并保存downloadByBlob(xhr.response, fileName);}};xhr.send();}

總結

以上是生活随笔為你收集整理的H5 移动端文件下载的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。