Download file by mobile device

Question

I have a link, and by clicking on this link he downloads an image. So far so good, plus when I access from some mobile device I can’t download this file, someone has some idea or solution to solve this?

HTML:

<a href="http://mlb-s2-p.mlstatic.com/ipad-mini-apple-16gb-wi-fi-100-original-pronta-entrega-16713-MLB20125338106_072014-F.jpg" download>
    Clique para baixar a imagem
</a>

JSFIDDLE:

http://jsfiddle.net/dv381tga/

Answer 1

You can try this, but it does not support all browsers:

<a href="/caminho/imagem" download="arquivo-para-baixar.jpg" title="Nome da imagem">
    <img src="/caminho/imagem/arquivo-para-ver.jpg" alt="Nome da imagem">
</a>

Example of use

See which one is supported here: http://caniuse.com/#feat=download.

But you can try using the modernize for that reason: http://modernizr.com/download/#-a_download

Another way is by creating a . htaccess with the following rule:

<Files (arquivo1|arquivo2).jpg>
   ForceType application/octet-stream
   Header set Content-Disposition attachment
</Files>

Model with Fiddle

Answer 2

Danilo, there’s no way to do this consistently on the client side. You would have to use a server solution to ensure the download happens.

See a well-spread PHP example:

1. Your image on the front end (client side):

<a href="download.php?imagem=caminho/absoluto/da/imagem.jpg">
    <img src="caminho/absoluto/da/imagem.jpg"/>
</a>

2. On the server side:

<?php

$imagem = $_GET['imagem']; #pega o caminho absoluto da imagem a partir do link

baixar_imagem($imagem); #executa a funcao abaixo que tem o caminho absoluto da imagem como parametro

function baixar_imagem( $camingo_absoluto_da_imagem ){

  // Verifica se os cabeçalhos da pagina de download foram enviados
  if( headers_sent() ){
      die('Cabeçalhos de página já enviados!');
  }
    

  // Essa parte é requerida em alguns navegadores
  if(ini_get('zlib.output_compression')){
      ini_set('zlib.output_compression', 'Off');
  }
    

  // Primeiro, verificamos se a imagem existe
  if( file_exists($camingo_absoluto_da_imagem) ){

    // Depois, verificamos a extensao da imagem para podermos saber seu tipo MIME
    $tamanho_da_imagem = filesize($camingo_absoluto_da_imagem);
    $trecho_caminho_imagem = pathinfo($camingo_absoluto_da_imagem); //veja mais sobre a função pathinfo() do PHP
    $extensao = strtolower($trecho_caminho_imagem["extension"]);

    // Agora, verificamos o tipo da imagem a partir da extensao
    switch ($extensao) {
      case "gif": $tipo_imagem="image/gif"; break;
      case "png": $tipo_imagem="image/png"; break;
      case "jpeg": $tipo_imagem="image/jpg"; break;
      case "jpg": $tipo_imagem="image/jpg"; break;
      default: die('Imagem não foi encontrada');
    }

    header("Pragma: public"); // requerido
    header("Expires: 0");
    header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
    header("Cache-Control: private",false); // requerido em certos navegadores
    header("Content-Type: $tipo_imagem");
    header("Content-Disposition: attachment; filename=\"".basename($camingo_absoluto_da_imagem)."\";" );
    header("Content-Transfer-Encoding: binary");
    header("Content-Length: ".$tamanho_da_imagem);
    ob_clean();
    flush();
    readfile( $camingo_absoluto_da_imagem );

  } else{
      die('Imagem não foi encontrada');
  }
    

}

Information:

1. PHP functions used:

   • headers_sent()
   • ini_get()
   • ini_set()
   • file_exists()
   • filesize()
   • pathinfo()
   • strtolower()
   • header()
   • ob_clean()
   • flush()
   • readfile()
   • die()