Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite,
Galera alguem sabe como fazer uma pre-visualizacao de uma img selecionada antes de enviar pro servidor??
tentei pegar o valor do input.. porem só vem o nome da img com a extenção...
achei esse code aqui na net mas nao funciona
<form name="form1">
<script>
function showPreview(end) {
if (end != '') {
document.getElementById('preview').style.display = 'block';
document.getElementById('preview').src = end;
} else document.getElementById('preview').style.display = 'none';
}
</script>
<input name="imagem" onchange="showPreview(this.value)" type="file" class="form" size="32">
<input type="submit" class="button" value="Incluir">
</form>
<img style="display: none" id="preview">Só com HTML e JavaScript você não vai conseguir fazer isso, pois como o William disse o navegador bloqueia.
A única forma que eu conheço para fazer esse preview sem fazer o upload pro servidor é montando um sistema em flash.
>
A única forma que eu conheço para fazer esse preview sem fazer o upload pro servidor é montando um sistema em flash.
hehe, não manjo patavinas de flash
a q bo**** :/
preciso fazer um preview de como vai ficar o template antes de fazer o upload da img pro servidor... ;/
Olha, a opção que eu vejo é fazer o upload para uma pasta separada dentro do servidor. Aí com esta imagem faz o preview e confirma com o usuário. Se ele clicar em confirmar, você coloca a imagem no local definitivo. Senão, ele volta para a primeira tela e começa tudo de novo.
Carlos Eduardo
cara, por motivos de segurança, esse tipo de ação 'invasiva', foi bloqueada na maioria dos browsers modernos.
Eu não sei como exibir uma imagem no navegador, antes de fazer o upload dela, sinceramente, acredito que não tenha como.