文件下载 之 数据导出

　　在开发功能难免会遇到要导出信息到excel中的情况，起初以为ajax可以实现（排除xmlHttpRequest 2.0），受限于其接收数据类型而未果。

　　（ajax的返回值类型是json,text,html,xml类型，或者可以说ajax的接收类型只能是string字符串，不是流类型，所以无法实现文件下载。但用ajax仍然可以获得文件的内容，该文件将被保留在内存中，无法将文件保存到磁盘。这是因为JavaScript无法和磁盘进行交互，否则这会是一个严重的安全问题，js无法调用到浏览器的下载处理机制和程序，会被浏览器阻塞。）

实现下载的方法

1. 隐藏表单，用提交表单的形式
2. 用window.open() 或 window.location.href()
3. 创建iframe，iframe的src可以是文件地址url来直接下载文件

实际实现中采用了1、form方案：

/**
* 文件下载
**/
function downLoadFile(url, param){
    var form = $('<form url="'+url+'" method="post"></form>');
    
    if(param){
         for(var key in param){
            var input = $('<input type="hidden" name="'+key+'" value="'+param[key]+'"/>');
            form.append(input);
         }
    }
    $('body').append(form);
    form.submit().remove();
}    

 

axios版：

axios.get('file-url', {
    responseType: 'blob'
}).then(function(res){
    const contentDisposition = res.headers['content-disposition'];
    let fileName = 'downloaded-file';
    if (contentDisposition && contentDisposition.indexOf('attachment') !== -1) {
        const matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(contentDisposition);
        if (matches != null && matches[1]) {
             fileName = matches[1].replace(/['"]/g, '');
        }
    }

    // download file
    const url = window.URL.createObjectURL(res.data); // 创建 Blob URL
    const link = document.createElement('a'); // 创造一个 `a` 标签
    link.href = url; // 将 Blob URL 赋值给 `href`
    link.setAttribute('download', fileName); // 设置下载文件名
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link); // 下载后移除链接
    window.URL.revokeObjectURL(url); // 释放 Blob URL
})