jszip может распаковывать файлы, но не папки

Я хочу скачать и разархивировать папку с JSZip, я установил ее этим пакетом npm. JSZip не может этого сделать, жалуясь на поврежденный zip или неожиданную подпись.

Есть много вопросов, связанных с jszip. Ни один из них не отвечает на мой конкретный вопрос, но для полноты я привожу здесь несколько ссылок:

В качестве тестового сценария я создал два zip-файла с названием folder.zip а также text.zip. text.zip это заархивированный текстовый файл, folder.zip- это заархивированная папка, содержащая текстовый файл. Оба были заархивированы из командной строки в Ubuntu.

Я размещаю их с помощью пакета npm. Они доступны на localhost:http://localhost:5000/test.zip

Вот мой код, это машинописный текст, скомпилированный Javascript выполняется с помощью узла:

import axios from 'axios';
import * as JSZip from 'jszip';
axios.get(
    "http://localhost:5000/text.zip",
    //"http://localhost:5000/folder.zip",
    { responseType: "blob" })
    .then((response) => {

        let zip = new JSZip();
        zip.loadAsync(response.data).then((value) => {
            console.log('jszip unzipped response.data');
            value.forEach((path, file) => {
                console.log(path);
            })
        }).catch((e) => {
            console.log(`jszip failed on response.data: ${e}`);
        })

        let buffer = Buffer.from(response.data, 'binary');
        zip.loadAsync(buffer).then((value) => {
            console.log('jszip unzipped buffer');
            value.forEach((path, file) => {
                console.log(path);
            })
        }).catch((e) => {
            console.log(`jszip failed on buffer: ${e}`);
        })

    }).catch((reason) => {
        console.log(`axios request failed: ${reason}`);
    })

В text.zipфайл можно без проблем разархивировать. Но когда я пытаюсь распаковать папку, ничего не получается. Сообщение об ошибке:

jszip failed on response.data: Error: Corrupted zip or bug: unexpected signature (\x00\x50\x4B\x07, expected \x50\x4B\x03\x04)

Для сравнения делаю то же самое с adm-zip. Это работает как для заархивированного файла, так и для заархивированной папки. adm-zip работает только тогда, когда ему задан буфер. Вот почему я также попытался передать буфер в jszip.

import axios from 'axios';
import * as AdmZip from 'adm-zip';
axios.get(
    "http://localhost:5000/folder.zip",
    { responseType: "blob" })
    .then((response) => {


        let buffer = Buffer.from(response.data, 'binary');
        let admzip = new AdmZip(buffer);
        let zipEntries = admzip.getEntries();
        zipEntries.forEach(element => {
            console.log(element.entryName);
        })

    }).catch((reason) => {
        console.log(`axios request failed: ${reason}`);
    })

2 ответа

Решение

Проблема, похоже, связана с arraybuffer против blob.

В зависимости от конфигурации http-запроса data поле в axios response будут содержать разные значения.

В следующем коде:

let responseType = 'blob'

axios.get(
    "http://localhost:5000/folder.zip",
    { responseType: responseType })
    .then((response) => {
        console.log(typeof(response.data);
        //...

возможны следующие пары:

  • blob -> string, adm-zip работает, jszip не работает
  • arraybuffer -> object, оба работают
  • не указано -> string, adm-zip работает, jszip - нет

Если данные имеют тип string, adm-zip работает, только если вручную преобразовать в Buffer.

Если тип результата уже является буфером, оба работают без каких-либо преобразований.

Похоже, что JSZip еще немного неполон, в соответствии с ним багтрекер (много и общих ошибок пока присутствует). Что касается вашей ошибки, есть еще одна очень похожая: https://github.com/Stuk/jszip/issues/489, но я уверен, что есть и другие.

Кажется, ответ таков: JSZip еще не является готовой к производству библиотекой, по крайней мере, для общих случаев, и еще не поддерживает ее.

Другие вопросы по тегам