[SOLUCIONADO] Forzar descarga de Imagen

[alvaro0022]

Hola;

Necesito crear un botón que al oprimirlo se descargue una imagen a la pc. Busque en varios lugares, pero la mayoría no funciona correctamente. Los ejemplos que vi están hechos en php, no se si se puede hacer en java o jquery. si alguien sabe algo al respecto, estaré muy agradecido si lo comparte.

Desde ya muchas gracias!

[xfxstudios]

Código PHP:

<a href="ruta de la imagen" download="rutadelaimagen"><img src="ruta de la imagen"/></a>
 

si es con un boton prueba asi:

Código HTML:

<button "ONCLICK="document.location='ruta/imagen.jpg'">Dercargar</button>
 

aunque el download es opcional ya que es mas usado para archivos

[alvaro0022]

Gracias por tu respuesta xfxstudios, el problema es que en internet explorer no fuerza la descarga, simplemente abre la imagen en otra ventana. Necesito que función en todos los navegadores. necesito que función como en esta pagina. http://wallpaperswide.com/eden_nebula-wallpapers.html cuando haces clic en una resolución automáticamente aparece el dialogo de descarga.

[xfxstudios]

No te queda de otra:

Los enlaces

Código HTML:

<a href="testb.php?file=1.jpg">Descargar</a>
 

El archivo unico php que va a procesar y a forzar la descarga:

Código PHP:

<?php
 
if (!isset($_GET['file']) || empty($_GET['file'])) {
 exit();
}
$root = $_SERVER['DOCUMENT_ROOT']."/imagenes/slider/";
$file = basename($_GET['file']);
$path = $root.$file;
$type = '';
 
if (is_file($path)) {
 $size = filesize($path);
 if (function_exists('mime_content_type')) {
 $type = mime_content_type($path);
 } else if (function_exists('finfo_file')) {
 $info = finfo_open(FILEINFO_MIME);
 $type = finfo_file($info, $path);
 finfo_close($info);
 }
 if ($type == '') {
 $type = "application/force-download";
 }
 // Definir headers
 header("Content-Type: $type");
 header("Content-Disposition: attachment; filename=$file");
 header("Content-Transfer-Encoding: binary");
 header("Content-Length: " . $size);
 // Descargar archivo
 readfile($path);
} else {
 die("El archivo no existe.");
}
 
?>
 

si almacenas las imagenes en un solo directorio no tendras mucho rollo con la configuracion

[xfxstudios]

error del capcha

[alvaro0022]

Ese mismo es el ejemplo que encontré pero no logro que funcione! Voy a seguir buscando!!

[xfxstudios]

yo lo probe y funciona perfecto en todos los navegadores, hasta en ie, todo va a depender de como tienes estructurada tu consulta para traer los nombres de las imagenes, pero si funciona, analizalo y veras. ademas no hay nada que configurar, por ejemplo, en $root vas a colocar la ruta al directorio donde gusrdas las imagens y listo, es todo, el resto lo haces con los enlaces y es una manera segura de ejecutar tus descargas, o almenos una de las mas o menos seguras. Saludos

[alvaro0022]

Funciona perfecto, me estaba confundiendo en la ruta de las imágenes, estaba colocando la ruta completa.

En mi caso tengo las imágenes en directorios diferentes, que debería modificar para poder seguir usando el código?

[xfxstudios]

podrias condicionar las rutas a una variable enviada, por ejemplo:

enlace con las dos variables:

Código HTML:

<a href="testb.php?file=1.jpg&rt=M">Descargar</a>
 

php que ejecuta la descarga:

Código PHP:

<?php
 
if (!isset($_GET['file']) || empty($_GET['file'])) {
 exit();
}
 
//rutas de las imagenes
$CA = $_SERVER['DOCUMENT_ROOT']."/imagenes/slider/";
$CB = $_SERVER['DOCUMENT_ROOT']."/imagenes/paisajes/";
$CC = $_SERVER['DOCUMENT_ROOT']."/imagenes/personas/";
 
//verifico la variable que llega y defino la ruta de la descarga
switch ($_GET['rt']) {
  case 'M':
  $ruta = $CA;
  break;
  
  case 'MA':
  $ruta = $CB;
  break;
  
  case 'MB':
  $ruta = $CC;
  break;
   
  default:
  $ruta = $CA;
}
 
$root = $ruta;//asigno la ruta donde esta ubicada la imagen
$file = basename($_GET['file']);
$path = $root.$file;
$type = '';
 
if (is_file($path)) {
 $size = filesize($path);
 if (function_exists('mime_content_type')) {
 $type = mime_content_type($path);
 } else if (function_exists('finfo_file')) {
 $info = finfo_open(FILEINFO_MIME);
 $type = finfo_file($info, $path);
 finfo_close($info);
 }
 if ($type == '') {
 $type = "application/force-download";
 }
 // Definir headers
 header("Content-Type: $type");
 header("Content-Disposition: attachment; filename=$file");
 header("Content-Transfer-Encoding: binary");
 header("Content-Length: " . $size);
 // Descargar archivo
 readfile($path);
} else {
 die("El archivo no existe.");
}
 
?>
 

[alvaro0022]

Un millón de gracias xfxstudios, funciona perfecto!!

Estoy trabajando con wordpress que ordena las imágenes por fecha de subida, asi que me va a funcionar de maravillas. Muchas gracias!!