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