JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://agenciadreamup.com/agendaedespertador/jquery.form.js"></script>
<div id="exibirfoto"><img src="$row[foto]" id="exibirfoto2"><div id="exibirfoto3">ALTERAR FOTO</div></div>


<form action="uploadfoto.php" method="post" enctype="multipart/form-data" id="uploadfotoform">
<input name="uploadfoto" id="uploadfoto" type="file" />
</form>

CSS

#uploadfoto {
display: none;
}

JavaScript

$(document).ready(function(event) {
	var options = {
    success: function(data) 
    {
	alert(data);
    }
	};
$("#uploadfotoform").ajaxForm(options);
});

$("#exibirfoto3").click(function() {
$("#uploadfoto").click();
});

$("#uploadfoto").change(function() {
var file = $("#uploadfoto").get(0).files[0].name;
$("#uploadfotoform").submit();
$("#exibirfoto").html("<img src='" + file + "' id='exibirfoto2'><div id='exibirfoto3'>ALTERAR FOTO</div>");
});