Olá,
Fiz um botão para alterar a imagem do background de um relatório. Ele faz a alteração do background mas ao visualizar a impressão, este aparece apenas na primeira página.
Código botão:
<input type="file" accept="image/*" onchange="loadFile(event)" id="botoes">
Método para alterar:
<script type="text/javascript">
var loadFile = function(event) {
var output = document.getElementById('output');
output.style.backgroundImage= "url("+URL.createObjectURL(event.target.files[0])+")";
};
</script>
CSS:
#output{
background-image:url('');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
Obrigado desde já,
Atenciosamente,
Daniel