使用javascript在web浏览器中解压缩csv文件
我想从web服务器下载压缩的csv文件，然后在浏览器中解压缩 到目前为止，我已经尝试使用使用javascript在web浏览器中解压缩csv文件,javascript,browser,zlib,Javascript,Browser,Zlib,我想从web服务器下载压缩的csv文件，然后在浏览器中解压缩 到目前为止，我已经尝试使用pako和zlib在我的服务器上获取gzip文件，但出现了各种问题。试图解压unix gzip文件时，我不断收到错误的头消息 接下来，我尝试使用node在服务器上压缩文件，但目前遇到了这个错误 Uncaught Error: invalid file signature:,� 下面是我用来获取文件的命令： $.ajax({ type: "GET", url: 'public/pols_zlib.csv.gz
pakozlibUncaught Error: invalid file signature:,�
$.ajax({ type: "GET", url: 'public/pols_zlib.csv.gz'})
.done(function(d){
var gunzip = new Zlib.Gunzip(d);
plain = gunzip.decompress();
});
您不需要在服务器上gzip.csv文件（除非您的主要目标是节省服务器上的磁盘空间）。这个答案假设您的目标是减少将.csv文件下载到客户端所需的时间 正如Quentin上面提到的，所有现代web服务器都为您处理有线压缩。这意味着.csv文件（以及所有基于文本的文档）可以在发送到客户端之前进行压缩。然后，客户端（web浏览器）为您解压缩文件。为了确保这些功能正常工作，您可以使用类似的工具嗅探HTTP流量。此屏幕截图显示如何使用GZIP压缩此网页 为了确保使用压缩，服务器和客户端都需要使用HTTP头“公布”事实。在客户机上，这可以通过ajax实现，如下所示：
$.ajax({
...
headers: { "Accept-Encoding" : "gzip" },
...
});
Content-Encoding: gzip
最后，我建议打开/关闭HTTP压缩，并使用Fiddler对结果进行基准测试。我相信我前面的答案很有价值，因此我在这里创建了一个单独的答案来解决这个更具体的用例。条件是：
gzip -c file.csv | base64 > file.csv.gz.txt
uncompressed: 91 kB
compressed: 38 kB
compressed + base64: 72 kB
uncompressed: 8.2 MB
compressed: 1.9 MB
compressed + base64: 2.6 MB
工作示例
$.ajax({
url:“/file.csv.gz.txt”，
缓存：false
})
.done（函数（b64文件）{
//$（'body'）.append（b64文件）；//调试
var binary=JXG.decompress（b64file）；
$（'#link'）.attr（“href”，“数据：text/csv；base64，”+btoa（二进制））；
});
文件
<html>
<head>
<title>Binary Example</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="~/Scripts/pako_inflate.min.js" type="text/javascript"></script>
<script type="text/javascript">
var oReq = new XMLHttpRequest();
oReq.open("GET", 'file.csv.gz?_=' + new Date().getTime(), true);
oReq.responseType = "arraybuffer";
oReq.onload = function (oEvent) {
var arrayBuffer = oReq.response; // Note: not oReq.responseText
if (arrayBuffer) {
var byteArray = new Uint8Array(arrayBuffer);
var data = pako.inflate(byteArray);
//$('body').append(String.fromCharCode.apply(null, new Uint16Array(data))); // debug
$('#link').attr("href", "data:text/csv;base64," + btoa(String.fromCharCode.apply(null, new Uint16Array(data))));
}
};
oReq.send(null);
</script>
</head>
<body>
<a id="link" download="file.csv">file</a>
</body>
</html>
二进制示例
var oReq=新的XMLHttpRequest（）；
open（“GET“，”file.csv.gz？='+new Date（）.getTime（），true）；
oReq.responseType=“arraybuffer”；
oReq.onload=功能（oEvent）{
var arrayBuffer=oReq.response；//注意：不是oReq.responseText
if（arrayBuffer）{
var byteArray=新的UINT8阵列（arrayBuffer）；
var数据=pako.充气（byteArray）；
//$（'body'）.append（String.fromCharCode.apply（null，新Uint16Array（数据））；//调试
$（'#link'）.attr（“href”，“数据：text/csv；base64，”+btoa（String.fromCharCode.apply（null，新UINT16数组（数据）））；
}
};
oReq.send（空）；
文件