HTML
<input type="file" id="file" name="file" style="display:none;" />
<img id="avatarImg" src="images/banner.png">
JS
$("#avatarImg").click(function(){
return $("#file").click();
});
$("#avatar").on("change","#file",function(){
AddDURU(getObjectURL(this.files[0]));
});
function getObjectURL(file) {
var url = null;
if (window.createObjectURL != undefined) {
url = window.createObjectURL(file)
} else if (window.URL != undefined) {
url = window.URL.createObjectURL(file)
} else if (window.webkitURL != undefined) {
url = window.webkitURL.createObjectURL(file)
}
return url
};
function AddDURU(src){
$("#avatarImg").attr("src",""+src+"");
}