Estou fazendo um preview, e esta acontecendo assim, eu quero que não aparece nada como se nao tivesse imagem, e somente aparecesse a imagem do preview quando o usuário escolhesse a imagem.
Esta ficando assim antes de colocar a imagem, porém eu quero q nao tenha essa forma sem imagem:
Código:
JavaScript
var loadFile = function(event) {
var output = document.getElementById('output');
output.src = URL.createObjectURL(event.target.files[0]);
}
Html que pega a imagem e mostra
<img id="output" style="width:100%;height:250px;padding:10px 10px 10px 10px;"/>
<br>
<br>
<input type="file" name="img" id="img" accept="image/jpg, image/jpeg, image/png" onchange="loadFile(event)"/>
<br/><br/>