Descarga del enlace de la imagen href al hacer clic.
Genero enlaces normales como: <a href="/path/to/image"><img src="/path/to/image" /></a>en una aplicación web.
Cuando hago clic en el enlace, muestra la imagen en una nueva página. Si desea guardar la imagen, debe hacer clic derecho sobre ella y seleccionar "guardar como".
No quiero este comportamiento, me gustaría que apareciera un cuadro de descarga cuando hago clic en el enlace, ¿es posible solo con html o javascript? ¿Cómo?
Si no, supongo que tendría que escribir un script download.php y llamarlo al href con el nombre del archivo como parámetro...
<a download="custom-filename.jpg" href="/path/to/image" title="ImageName">
<img alt="ImageName" src="/path/to/image">
</a>
Caniuse aún no es totalmente compatible , pero puedes usarlo con modernizr ( en Detección no central ) para verificar la compatibilidad del navegador.
La forma más sencilla de crear un enlace de descarga para una imagen o HTML es configurar el atributo de descarga , pero esta solución sólo funciona en navegadores modernos.
<a href="/path/to/image" download="myimage"><img src="/path/to/image" /></a>
"miimagen" es el nombre del archivo a descargar. La extensión se agregará automáticamente Ejemplo aquí
<a href="download.php?file=path/<?=$row['file_name']?>">Download</a>
descargar.php:
<?php
$file = $_GET['file'];
download_file($file);
function download_file( $fullPath ){
// Must be fresh start
if( headers_sent() )
die('Headers Sent');
// Required for some browsers
if(ini_get('zlib.output_compression'))
ini_set('zlib.output_compression', 'Off');
// File Exists?
if( file_exists($fullPath) ){
// Parse Info / Get Extension
$fsize = filesize($fullPath);
$path_parts = pathinfo($fullPath);
$ext = strtolower($path_parts["extension"]);
// Determine Content Type
switch ($ext) {
case "pdf": $ctype="application/pdf"; break;
case "exe": $ctype="application/octet-stream"; break;
case "zip": $ctype="application/zip"; break;
case "doc": $ctype="application/msword"; break;
case "xls": $ctype="application/vnd.ms-excel"; break;
case "ppt": $ctype="application/vnd.ms-powerpoint"; break;
case "gif": $ctype="image/gif"; break;
case "png": $ctype="image/png"; break;
case "jpeg":
case "jpg": $ctype="image/jpg"; break;
default: $ctype="application/force-download";
}
header("Pragma: public"); // required
header("Expires: 0");
header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
header("Cache-Control: private",false); // required for certain browsers
header("Content-Type: $ctype");
header("Content-Disposition: attachment; filename=\"".basename($fullPath)."\";" );
header("Content-Transfer-Encoding: binary");
header("Content-Length: ".$fsize);
ob_clean();
flush();
readfile( $fullPath );
} else
die('File Not Found');
}
?>
