Форум

Vlasenko Fedor · #11 (**permalink**) 17.09.2020, 11:29

Сообщение от laimas

По идее тип, имя файла, это все должен задавать сервер

это да, но ведь у нас ajax
и нам плевать на заголовки headers
нам нужно только бинарное тело, таким образом мы имеем возможность задать и имя файла и его тип, какие нам угодно
я привел библиотеку выше, плюсы ее использования в широком охвате браузеров, небольшая по размеру. Работает и в FF под разными системами, количество звезд говорит о ее полезности, сам использовал когда жаловались на баги пользователи

laimas · #12 (**permalink**) 17.09.2020, 11:52

Да нафик она нужна.

Хватает и нескольких строк кода, и это для администратора, работает под основными браузерами и ладно. А вот то что клиент заведует, это плохо, кстати заголовки не игнорируются, потому что ajax, но к сожалению не указ. Это и плохо, ищу может быть можно клиенту с сервером через заголовки подружится, хотя все закономерно, у браузера есть все основания "бздеть".

В конечном итоге выброшу наверное ajax в данном случае и запросы буду делать через iframe, и сервер будет определять параметры контента. Только у этого способа тоже есть минус, нельзя определить что север ответил, а этот момент важен.

voraa · #13 (**permalink**) 17.09.2020, 12:48

Ну не знаю
Вот такой простой скрипт

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" lang="ru">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" >
  <title> LOAD ZIP </title>
</head>
<body >
<button id=load>Load and save zip</button>
<span id='ldl'></span>
<script>
document.getElementById('load').addEventListener('click',
	() => {
		let filename; 
		fetch('getzip.php')
		.then (res => { 
			filename = res.headers.get("filename")
			return res.blob();
		})
		.then (blob => {
			document.getElementById('ldl').innerHTML = `Прочитан ${filename} ${blob.size} байт`; 
			let url = URL.createObjectURL(blob);
			let a = document.createElement('a');
			a.href =  url;
			a.download = filename;
			a.click();
			URL.revokeObjectURL(url)
		})

	}
)
</script>
</body>
</html>

С вот таким простым PHP

<?php

function file_force_download($file) {
    // заставляем браузер показать окно сохранения файла
    header('Content-Description: File Transfer');
    header('Content-Type: application/octet-stream');
    header('Content-Disposition: attachment; filename=' . basename($file));
    header('filename: ' . basename($file));
    header('Content-Transfer-Encoding: binary');
    header('Expires: 0');
    header('Cache-Control: must-revalidate');
    header('Pragma: public');
    header('Content-Length: ' . filesize($file));
    // читаем файл и отправляем его пользователю
    readfile($file);
    exit;
}

file_force_download('test.zip');
?>

Считывает zip и правильно сохраняет и в FF и в Chrome

laimas · #14 (**permalink**) 17.09.2020, 16:57

Ну в общем то тоже самое и я делал, с отличием только того, что await fetch ... Попробую так.

laimas · #15 (**permalink**) 23.09.2020, 20:24

То-ли старею, то-ли хренею, но вроде бы писал о результате, а его нет.

Так и не понял в чем проблема то была. Ну то что FF не дает указанный тип просто так сохранять, это прихоть браузера. А вот дальше ... В общем было так - была функция, которая вызывалась по событию. Я ее сделал асинхронной и в ней response await fetch... у response брал и заголовок. В общем это и все отличие клиентское, в принципе тоже самое. На сервере тот же самый набор стандартных заголовков (из них половину можно выбросить, оставив важные).
Но у меня предлагал имена какие я описывал, а этот последний код, voraa, действительно работает без проблем, что за хрень.

Форум

Справочник

Discord чат

Курсы javascript