Как заставить браузер сохранить картинку вместо того, чтобы ее показать?
Есть ссылка на картинку, юзер кликает по ней и изображение отображается в браузере.
Как сделать так, чтобы картинка не показывалась а предлагалось сохранить картинку на диск?
Как сделать так, чтобы картинка не показывалась а предлагалось сохранить картинку на диск?
1 ответов
На стороне сервера нужно предварительно отсылать заголовки:
Content-Type: application/octet-stream
Content-Disposition: attachment; filename=<filename>
Так как не указано, как работает сайт (php или чистый html), то приведу решение для двух вариантов.
На PHP. Если мне нужно отдать пользователю контент, то я использую следующую функцию:
function downloadFile($filename, $mimetype='application/octet-stream')
{
if (!file_exists($filename)) die('Файл не найден ' . $filename);
$from=$to=0; $cr=NULL;
if (isset($_SERVER['HTTP_RANGE']))
{
$range=substr($_SERVER['HTTP_RANGE'], strpos($_SERVER['HTTP_RANGE'], '=')+1);
$from=strtok($range, '-');
$to=strtok('/'); if ($to>0) $to++;
if ($to) $to-=$from;
header('HTTP/1.1 206 Partial Content');
$cr='Content-Range: bytes ' . $from . '-' . (($to)?($to . '/' . $to+1):filesize($filename));
} else header('HTTP/1.1 200 Ok');
$etag=md5($filename);
$etag=substr($etag, 0, 8) . '-' . substr($etag, 8, 7) . '-' . substr($etag, 15, 8);
header('ETag: "' . $etag . '"');
header('Accept-Ranges: bytes');
header('Content-Length: ' . (filesize($filename)-$to+$from));
if ($cr) header($cr);
header('Connection: close');
header('Content-Type: ' . $mimetype);
header('Last-Modified: ' . gmdate('r', filemtime($filename)));
$f=fopen($filename, 'r');
header('Content-Disposition: attachment; filename="' . basename($filename) . '";');
if ($from) fseek($f, $from, SEEK_SET);
if (!isset($to) or empty($to))
{
$size=filesize($filename)-$from;
}
else
{
$size=$to;
}
$downloaded=0;
while(!feof($f) and !connection_status() and ($downloaded<$size)) {
echo fread($f, 512000);
$downloaded+=512000;
flush();
}
fclose($f);
}
Она работает для любых файлов.
Если сайт на html или нет возможности использовать функцию выше, то сделайте отдельную директорию в которой будете дублировать картинки. В этой директории создайте файл .htaccess и в нем укажите инструкции из комментария RayZ:
# YOUR TYPE
AddType application/octet-stream .<extension>
Для отображения картинки используйте ссылку на директорию, где лежат картинки, для скачивания - ссылку на картинку из этой директории. Объединить без применения серверного языка программирования не удастся.