Собрать файл, полученный в ответе сервера

[smart-create]

Добрый день. Есть вот такая история - я делаю запрос на сервер, в ответ получаю файл. Дальше мне нужно этот файл сохранить на устройство. Вопрос в том как это сделать.

Есть вот такой запрос:

var result = new XMLHttpRequest();
            
result.open('GET', 'http://dia.kvitka.club/api/result/file?api_token='+token+'&id=1382372&type=get');
result.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
result.send();

result.onload = function () {
        var data = this.responseText;

        console.log(data);
}

В результате запроса я получаю вот это: http://prntscr.com/gv46hs

То есть файл я получаю, но как дальше с ним работать? как преобразовать то что я получаю в готовый файл?

Буду очень благодарен за любую помощь

[ksa]

То есть файл я получаю, но как дальше с ним работать? как преобразовать то что я получаю в готовый файл?

Вот почитай...
Как сохранить данные в файл? Возможно такое на JavaScript?

[smart-create]

ksa, Большое спасибо, изучил эту тему. Но не совсем разобрался если честно. То есть грубо говоря там идет речь о том как создать информацию (например текстовую) и впихнуть ее в .txt

У меня же файл уже есть (на скриншоте), да ему плохо, его обработали с помощью base64 и запихнули в БД, а потом отдали мне. Но все же я получаю уже файл. Мне же не нужно брать все это и пихать в txt? или нужно?

Rise, Вам так же спасибо что откликнулись. Но вопрос в данном случае тот же. Использую эту библиотеку что мне нужно делать с моим "файлом", брать все и пихать в txt?

P.S. В придачу ко всему, файл который мне нужен это .pdf. Я уже пробовал (ради теста) скопировать то что мне приходит в ответе и вставить в txt, а потом изменить txt на pdf, но как и ожидалось в принципе вместо файла вылезла ошибка...

Буду благодарен если поможете разобраться в этих вопросах

[ksa]

smart-create, дело в том, что клиентский скрип не имеет доступа к дискам компа.

Как вариант, можно отправить на страницу для скачивания этого файла с сервера...

[Alexandroppolus]

smart-create,

если надо просто сохранить этот твой файл в папку загрузок, то возможны варианты.

Для всех браузеров, кроме IE, можно просто создать ссылку, выставить ей атрибут download, а так же href="'http://dia.kvitka.club/api/result...", и отправить ей событие click. Без всяких аяксов и проч.

Для IE в любом случае придется загрузить через XMLHttpRequest. Только надо ему выставить responseType="blob" перед отправкой запроса, тогда в response будет blob, сразу готовый для передачи в вышеупомянутый FileSaver.js.


Назначение строки

result.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

остается неясным.

[smart-create]

Большое всем спасибо. Без Вас не разобрался бы)

Простота вот этого варианта "создать ссылку, выставить ей атрибут download, а так же href="'http://dia.kvitka.club/api/result..."",
от Alexandroppolus - удивила и обрадовала очень.

Еще раз спасибо!

Напоследок хотел уточнить кое какой момент относительно кодировки в которой я получаю свой ответ. На сколько я понимаю вся эту куча непонятных знаков - это проблемы с кодировкой (русские символы не отображаются). Вопрос следующий - как мне правильно прописать кодировку в запросе, что бы у меня читались русские буквы (мне это нужно для того что бы вытянуть название файла)

[Alexandroppolus]

Простота вот этого варианта

вариант хорош не столько простотой, сколько экономичностью. Тут скачивание и сохранение происходит силами браузера, и скорее всего, "проточным" способом.

А блоб приходится сначала целиком загрузить в оперативу. Если файл весит несколько сот мб, то эта проблема может стать весьма ощутимой.

Напоследок хотел уточнить кое какой момент относительно кодировки в которой я получаю свой ответ. На сколько я понимаю вся эту куча непонятных знаков - это проблемы с кодировкой (русские символы не отображаются). Вопрос следующий - как мне правильно прописать кодировку в запросе, что бы у меня читались русские буквы (мне это нужно для того что бы вытянуть название файла)

пдф - не текстовый файл.

посмотри, какие http-заголовки приходят в ответе "http://dia.kvitka.club/api/result...". Вдруг там уже есть 'Content-Disposition: attachment'? тогда можно использовать мой простой вариант, причем атрибут download вообще не понадобится.