/** * 獲取頁面文件名 * @param url 文件url */ function downloadUrlFile(url) { url = url.replace(/\\/g, '/'); const xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'blob'; //xhr.setRequestHeader('Authorization', 'Basic a2VybWl0Omtlcm1pdA=='); xhr.onload = () => { if (xhr.status === 200) { // 獲取文件blob數據並保存 var fileName = getFileName(url); saveAs(xhr.response, fileName); } }; xhr.send(); } /** * URL方式保存文件到本地 * @param data 文件的blob數據 * @param name 文件名 */ function saveAs(data, name) { var urlObject = window.URL || window.webkitURL || window; var export_blob = new Blob([data]); var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a') save_link.href = urlObject.createObjectURL(export_blob); save_link.download = name; save_link.click(); } /** * 根據文件url獲取文件名 * @param url 文件url */ function getFileName(url) { var num = url.lastIndexOf('/') + 1 var fileName = url.substring(num) //把參數和文件名分割開 fileName = decodeURI(fileName.split("?")[0]); return fileName; }
下載文件時直接調用:
downloadUrlFile('下載地址.txt');