Как принудительно загрузить изображение в браузере?

Я хочу заставить пользователя загружать изображения. Не открывается в браузере.

можно использовать HTML5 этот атрибут download но в настоящее время его поддерживает только Chrome.

пробовал .htaccess решение, но оно не работает.

<Files *.jpg>
   ForceType application/octet-stream
   Header set Content-Disposition attachment
</Files>

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

<a href="http://blablabla.com/azerty/abc.jpg" target="_blank" />Download</a>

2 ответов


есть два способа сделать это - один с JS, один с PHP.

в JS от этот сайт:

<a href="javascript:void(0);"
 onclick="document.execCommand('SaveAs',true,'file.html');"
 >Save this page</a>

в PHP создайте скрипт с именем download.php Это похоже на следующий код:

<?php
// Force download of image file specified in URL query string and which
// is in the same directory as the download.php script.

if(empty($_GET['img'])) {
   header("HTTP/1.0 404 Not Found");
   return;
}

$basename = basename($_GET['img']);
$filename = __DIR__ . '/' . $basename; // don't accept other directories

$mime = ($mime = getimagesize($filename)) ? $mime['mime'] : $mime;
$size = filesize($filename);
$fp   = fopen($filename, "rb");
if (!($mime && $size && $fp)) {
  // Error.
  return;
}

header("Content-type: " . $mime);
header("Content-Length: " . $size);
// NOTE: Possible header injection via $basename
header("Content-Disposition: attachment; filename=" . $basename);
header('Content-Transfer-Encoding: binary');
header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
fpassthru($fp);

затем установите ссылку на изображение, чтобы указать на этот файл следующим образом:

<img src="/images/download.php?img=imagename.jpg" alt="test">

попробуйте это в ваш .вместо этого откройте файл. htaccess:

<FilesMatch "\.(?i:jpg|gif|png)$">
  ForceType application/octet-stream
  Header set Content-Disposition attachment
</FilesMatch>