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

Question

一个需求，页面上点击下载，后台返回打包好的流文件，我在请求时已经添加了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对象

Answer 1

应该是服务器返回的数据类型有问题，你创建一个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); 把文件读取为字节数组