Чтение содержимого запроса
Когда я делаю запрос на сервер, он возвращает поток zip
const response = await axios.get('http://192.168.1.100:3030', {
params: this.getParams(),
responseType: 'blob'
});
console.info(response.data);
Я хочу получить содержимое этого zip без сохранения файла. Но если я попытаюсь поймать контент с помощью «нового блоба», получится что-то вроде:
PK ¥ZksÛÆ=³þ~ç§N;1 d2Ã,S!EÔ_2¦ÎÈ+Ûéã×ö§ôîÙ%........
Однако ожидаемое значение равно
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Я нашел этот пример похожим. Но у меня не работает: Распаковать строку gzip и zlib в javascript
Можно ли получить содержимое этого zip-файла, находящегося в памяти, без необходимости его сохранения?
Возможный дубликат Распаковать строку gzip и zlib в javascript
Без распаковки на стороне клиента, почему вы ожидаете увидеть результаты в виде простого текста?
Я пытался использовать несколько библиотек для распаковки, однако ни одна из них не возвращает содержимое. Я нашел только варианты сохранения zip-файла.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Как уже упоминалось, вам нужно разархивировать zip на стороне клиента, чтобы увидеть содержимое zip. Для браузера большой двоичный объект — это просто набор двоичных данных, не имеющих никакого значения. Если вы внимательно посмотрите на вывод, вы получите:
PK ¥ZksÛÆ=³þ~ç§N;1
по крайней мере вы можете видеть, что это zip-файл из-за исходного ПК. Это часть заголовка zip-файла.
Довольно популярная библиотека Javascript для zip-операций — JSZip.
Вот пример, который загружает zip-файл, содержащий JqueryUI (из-за ограничений CORS мы должны получить его через прокси — yacdn.org). После успешной загрузки JSZip используется для получения списка файлов внутри zip-архива. Это делается с помощью метода JSZip loadAsync и передачи большого двоичного объекта в качестве параметра.
zip.loadAsync(response.data).then(function(contents) {
console.info(Object.keys(contents.files));
});
Возвращенный массив файлов содержит текстовый файл jquery-ui-1.12.1/АВТОРЫ.txt Если мы хотим увидеть настоящий файл — а поскольку вы пытались просмотреть и текстовый файл, — нам понадобится еще немного кода.
contents.files["jquery-ui-1.12.1/AUTHORS.txt"].async("string").then(function(data) {
console.info(data);
});
Полный код:
async function loadZip() {
const response = await axios.get('https://yacdn.org/serve/https://jqueryui.com/resources/download/jquery-ui-1.12.1.zip', {
responseType: 'blob'
});
var zip = new JSZip();
zip.loadAsync(response.data).then(function(contents) {
console.info(Object.keys(contents.files));
contents.files["jquery-ui-1.12.1/AUTHORS.txt"].async("string").then(function(data) {
console.info(data);
});
});
}
loadZip();<script src = "https://unpkg.com/axios/dist/axios.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jszip/3.2.0/jszip.min.js"></script>
как вы распаковываете его на стороне клиента? есть несколько популярных библиотек zip-файлов, которые вам помогут.