Carregando imagem no <img> com o <input type=file>

[Frank K Hosaka]

Levei um tempão até encontrar a dica no Google: javascript - Loading an image to a <img> from <input file> - Stack Overflow

Adaptando no meu código, ele ficou assim:

<script>
function onselec(event){
	selectedFile=event.target.files[0]
	reader=new FileReader()
	imgtag=document.getElementById("cliente")
	imgtag.title=selectedFile.name
	reader.onload=function(event){imgtag.src=event.target.result}
	reader.readAsDataURL(selectedFile)}
</script>
<img src="fotos/padrão.jpg" height="190" width="150" id="cliente">
<p>Selecionar Foto
<p><input type="file" name="foto" id=foto onchange=onselec(event)>

 

Editado Abril 14, 2023 por Frank K Hosaka