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 еще не является готовой к производству библиотекой, по крайней мере, для общих случаев, и еще не поддерживает ее.