Tenho o seguinte código:
<section class="margem-base-80 coluna sombra-suave" id="recipiente-topo">
<h1 class="margem-topo-50 recipiente letra-branca">Gerar QRcode
gratuitamente</h1>
<main class="em-linha" id="main-index">
<article class="recipiente" id="campo-qr">
<form class="coluna" method="post">
<label for="gerar-qr">Endereço web (URL)</label>
<input type="text" name="code" id="code-input"
placeholder="http://exemplo.com" required />
<input type="hidden" name="gerar" value="s">
<div>
<button class="btn-azul margem-topo-50">Gerar QR code</button>
</div>
</form>
</article>
<?php
if(isset($_POST['gerar'])) {
require_once "interno/phpqrcode/qrlib.php";
$valor = $_POST['code'];
$code = $valor;
QRcode::png($code, "Imagem_QRCODE_M.png", QR_ECLEVEL_M, 8);
$qr= '<img id="tamanho-code" src="Imagem_QRCODE_M.png"/>';
?>
<article class="recipiente" id="qr-campo">
<?=$qr?>
</article>
<?php
} else { ?>
<article class="recipiente" id="qr-campo">
</article>
<?php
}
?>
</main>
</section>
Esta imagem de exemplo não está em um banco de dados e também não está em uma pasta entre os arquivos do site, está apenas sendo exibida no site através do meu código html por ser uma imagem qr code que o site gera recebendo os dados via post. Para algum usuário salvar esta imagem em seu computador ele tem que clicar com o botão direito do mouse e logo depois ir em salvar imagens. Como posso fazer para adicionar o meu button faça o download desta imagem assim que o cliente clicar nele?