Tenho um form
aonde possui um input file
com preview
de imagem antes do upload, to tentando substituir o input
por uma imagem, mas não estou conseguindo.
<script>
// PREVIEW FOTO
function PreviewImage() {
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);
oFReader.onload = function (oFREvent) {
document.getElementById("uploadPreview").src = oFREvent.target.result;
};
};
</script>
HTML
<div class="image-upload"><label for="file-input">
<img src="https://i.pinimg.com/originals/54/38/19/543819d33dfcfe997f6c92171179e4cd.png" id="uploadPreview" style="width: 110px; height: 110px;" />
<input id="uploadImage" id="file-input" type="file" name="foto" onchange="PreviewImage();" />
CSS
<style type="text/css">
.image-upload > input
{
display: none;
}
</style>
Alguém me ajuda, agradeço desde já.