Как заставить браузер сохранить картинку вместо того, чтобы ее показать?

Есть ссылка на картинку, юзер кликает по ней и изображение отображается в браузере.

Как сделать так, чтобы картинка не показывалась а предлагалось сохранить картинку на диск?

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>
 
Для отображения картинки используйте ссылку на директорию, где лежат картинки, для скачивания - ссылку на картинку из этой директории. Объединить без применения серверного языка программирования не удастся.