后台传来流文件压缩包,下载解压后,发现里面的文件也是流文件,该怎么处理

一个需求,页面上点击下载,后台返回打包好的流文件,我在请求时已经添加了responseType :"blob",然后可以正常下载并打开传来的zip文件包,但是打开后发现,里面的文件也是流文件,请问这种情况该怎么处理?
前端接收到数据后的操作如下:


            let url = window.URL.createObjectURL(new Blob([res.data],{type: 'application/zip'}))
            let link = document.createElement('a')
            link.style.display = 'none'
            link.href = url
            link.setAttribute('download', "BTL")// 文件名
            document.body.appendChild(link)
            link.click()
            document.body.removeChild(link) // 下载完成移除元素
            window.URL.revokeObjectURL(url) // 释放掉blob对象

应该是服务器返回的数据类型有问题,你创建一个html文件,把下面代码复制进去,然后打开html,选择一个zip文件试试看

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<input type="file">

<script>
    $('input[type=file]').change(function () {

        var files = this.files;

        if (files.length) {
            var file = files[0];          
            var reader = new FileReader();

            reader.onload = function () {
                debugger;
                let url = window.URL.createObjectURL(new Blob([this.result], { type: 'application/zip' }))
                let link = document.createElement('a')
                link.style.display = 'none'
                link.href = url;
                link.setAttribute('download', "BTL.zip")// 文件名
                document.body.appendChild(link)
                link.click()
                document.body.removeChild(link) // 下载完成移除元素
                window.URL.revokeObjectURL(url) // 释放掉blob对象
            }
            reader.readAsArrayBuffer(file);
        }
    });

</script>

reader.readAsArrayBuffer(file); 把文件读取为字节数组

这个压缩文件的过程是服务器完成的,你需要把服务器的代码贴出来看,里面怎么会把流文件直接打包压缩了。
另外就是xlsx docx等文件,也可能被识别为zip流,这种情况把文件后缀设置为 docx xlsx直接用对应的软件打开就可以了。

打开zip 里面 也是流文件 是什么意思?
下载过程中 是流文件 下载完成就是zip文件了