python gzip 和 js pako inflate 一問

python js

diu7me 2021-11-02 12:02:43 ‧ 1399 瀏覽

分享至

大家好, 想問一下關於python 和JS的問題

首先就是因為我的geojson file 有800000支以上的record, 我用python 的gzip 把它轉成
ascii

with gzip.open('testing.geojson', 'w') as fout:
    fout.write(json.dumps(d).encode("utf-8"))

之後在js 那邊用pako 來inflate

readTextFile('./datasets/testing.geojson');

var allText = rawFile.responseText;
              
                console.log(Buffer.from(allText).toString('base64'))
                var byteArray = new Uint8Array(Buffer.from(allText).toString('base64'));
                //console.log(byteArray)
                setTimeout(function(){
                    alert("Unzipping data...")
                    result = pako.inflate(byteArray, {to: 'string'});
                    console.log(result)
                },2000)

但是在browser f12 裡看到result 是undefined, 請問哪一步我是寫錯了.
或者我不知道可不可以在python 那邊變成gzip , 再在js 那邊解壓GZIP, 但因為我本身是沒有用node.js , 只是用http server

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

淺水員

iT邦大師 6 級 ‧ 2021-11-02 23:38:20

最佳解答

gzip 是二進位資料
處理時直接用二進位的方式讀寫

python 壓縮資料

import json
import gzip

# 測試資料
d=['foo', {'bar': ('baz', None, 1.0, 2)}]

# 壓縮到 data.gz
with gzip.open('data.gz', 'wb') as f:
    f.write(json.dumps(d).encode("utf-8"))

javascript（瀏覽器）解壓縮取得資料

fetch('data.gz').then(r => {
    if (r.status !== 200) {
        throw '無法取得檔案';
    }
    return r.arrayBuffer();
}).then(buffer => {
    //解壓縮，會拿到一個 Uint8Array
    const result = pako.inflate(buffer);
    console.log(result);

    //用原生的 TextDecoder 解碼為字串(預設是 utf8)
    const textDec = new TextDecoder();
    const str = textDec.decode(result);
    console.log(str);

    //取得 json 物件
    const jsonData = JSON.parse(str);
    console.log(jsonData);
}).catch(e => {
    alert(e);
});

回應 2
分享
檢舉

diu7me iT邦新手 3 級 ‧ 2021-11-03 09:20:43 檢舉

你好, 請問一下
d=['foo', {'bar': ('baz', None, 1.0, 2)}]
因為我本身是一個json , 一定要用array 包住嗎?

這樣可以嗎?

{
    "type": "FeatureCollection",
    "features": [
        {
            "type": "Feature",
            "properties": {
                "olrtoa": 0.0,
                "rainc": 0.0,
                "rainnc": 0.0,
                "refl10cm_max": 0.0,
                "refl10cm_1km": 0.0,
                "refl10cm_1km_max": 0.0,
                "precipw": 41.7464
                ...
                
                ...
                
                ...

謝謝