js实现文件流下载文件

window.location.href的用法
javascript中的location.href有很多种用法，主要如下。

self.location.href="/url" 当前页面打开URL页面
location.href="/url" 当前页面打开URL页面
windows.location.href="/url" 当前页面打开URL页面，前面三个用法相同。
this.location.href="/url" 当前页面打开URL页面
parent.location.href="/url" 在父页面打开新页面
top.location.href="/url" 在顶层页面打开新页面

如果页面中自定义了frame，那么可将parent self top换为自定义frame的名称,效果是在frame窗口打开url地址

此外，window.location.href=window.location.href;和window.location.Reload()和都是刷新当前页面。区别在于是否有提交数据。当有提交数据时，window.location.Reload()会提示是否提交，window.location.href=window.location.href;则是向指定的url提交数据

// 文件流转blob对象下载
function downloadFile(data, type, fileName) {
    let blob = new Blob([data], {type: `application/${type};charset=utf-8`});
    // 获取heads中的filename文件名
    let downloadElement = document.createElement('a');
    // 创建下载的链接
    let href = window.URL.createObjectURL(blob);
    downloadElement.href = href;
    // 下载后文件名
    downloadElement.download = fileName;
    document.body.appendChild(downloadElement);
    // 点击下载
    downloadElement.click();
    // 下载完成移除元素
    document.body.removeChild(downloadElement);
    // 释放掉blob对象
    window.URL.revokeObjectURL(href);
}

// http请求函数,支持配置请求和响应参数
function ajaxRequest(method, url, type) {
    return new Promise((resolve, reject) => {
        const req = new XMLHttpRequest();
        req.open(method, url, true);
        req.responseType = type;
        req.onreadystatechange = () => {
            // readyState == 4说明请求已完成
            if (req.readyState === 4) {
                const data = req.response;
                // 获取文件名
                const content = req.getResponseHeader('Content-Disposition');
                const fileName = content && content.split(';')[1].split('filename=')[1];
                if (req.status === 200 || req.status === 304) {
                    resolve({data, fileName});
                }
                else {
                    reject(data);
                }
            }
        };
        // 发送数据
        req.send();
    });
}